0

結果の配列があり、すべて同じクラスが結果のリストで数回繰り返されています。結果の1つにカーソルを合わせると、jQueryホバーアニメーションが発生するように設定しましたが、現在、1つの結果にカーソルを合わせると、すべての結果にアニメーションが表示されます。

これが私のjQueryコードです：

jQuery(document).ready(function() {
    jQuery(".hover").hover(
        function(){
            jQuery(".agent").animate({top: '-=32px'},300, 'easeOutBack');
            jQuery(".fav").delay(150).animate({top: '-=32px'},300, 'easeOutBack');
            jQuery(".more_details").delay(300).animate({top: '-=32px'},300, 'easeOutBack');
        },
        function(){
            jQuery(".agent,.fav,.more_details").animate({top: '+=32px'},150);
    }
    );                              
});

配列内の1つのアイテムを選び出し、ホバーされているアイテムにアニメーションを発生させることは可能ですか？

ありがとう

4

1 に答える 1

1

classhoverを持つ要素が要素の残りの親であると仮定すると、現在のオブジェクトをcontext として selectorに渡します。

jQuery(document).ready(function() {
    jQuery(".hover").hover(
        function(){
            jQuery(".agent", this).animate({top: '-=32px'},300, 'easeOutBack');
            jQuery(".fav", this ).delay(150).animate({top: '-=32px'},300, 'easeOutBack');
            jQuery(".more_details", this).delay(300).animate({top: '-=32px'},300, 'easeOutBack');
        },
        function(){
            jQuery(".agent,.fav,.more_details").animate({top: '+=32px'},150);
    }
    );                              
});
于 2013-02-08T09:17:08.380 に答える