0

タオルを投げています。私は午前中ずっとこれを理解しようとしてきましたが、私の人生でそれを理解することはできません. 私はまだJavaScriptを初めて使用していますが、ゆっくりとそこに到達しています。

アクティブなスライド div に検索入力に値を追加しようとしています。私は単純な hasClass if ステートメント append val() を入力に使用してこれを実行しようとしました。

追加は機能しています。つまり、最後の if ステートメントとこの場合は「Rain Forest」を追加しますが、スライドのアクティブ状態が変化すると、アクティブなスライドに関連する次の追加値に変更する値を取得できません。これはそれ以来作りますか？

お役に立てれば幸いです。

これが私が取り組んできたコードです：

jQuery(document).ready(function($) {  
/* dog shelter */
if($('.rsActiveSlide .rsABlock').hasClass("dog-shelter-input")){
        $(".feature-search #name_or_keywords").val('');
}else {
   $('.feature-search #name_or_keywords').val('Dog Shelter');
};

/* scolarships */
if($('.rsActiveSlide .rsABlock').hasClass("scholar-input")){
        $(".feature-search #name_or_keywords").val('');
}else {
   $('.feature-search #name_or_keywords').val('Scholarships');
};

/* Rain Forest */
if($('.rsActiveSlide .rsABlock').hasClass("forest-input")){
    $(".feature-search #name_or_keywords").val('');
}else {
     $('.feature-search #name_or_keywords').val('Rain Forest');
    };
});

ありがとう！

4

3 に答える 3

1

スライダー プラグインを使用しているか、自分で作成したかは不明です。したがって、大まかに言えば、次のことができます。

1) スライダー プラグインの場合、スライドが変更されたとき (またはアニメーションが完了したとき) にコールバック関数を提供できますか? その場合は、検索テキストを変更するコードを含むコールバックを提供します。

2) 独自のスライダーを回転させ、 を使用している可能性が高い場合は、アニメーションの完了時に呼び出される.animate()コールバック関数を提供します。.animate()オプション #1 で記述するのと同じコールバック。

私は独自の軽量スライダーを作成し、アニメーション完了コールバックを使用して他のアクションを実行しました。それはあなたのためにトリックをするはずです。

うまくいけば、正しい方向にあなたを向けます。

于 2013-06-25T16:48:10.310 に答える
1

後で投稿に出くわした人のために、ここでコーディングします。

$(document).ready(function(){
    var slider = $(".royalSlider").data('royalSlider');
    slider.ev.on('rsAfterSlideChange', function(event) {
        //Your handler here
        //if($('.rsActiveSlide .rsABlock').hasClass("dog-shelter-input")){ ......
        //.......
        //...};
    });
)};
于 2013-06-25T18:09:14.870 に答える