2

私はこの jquery ホバー効果を持っています。どのように機能するかは、目に見えない div が 1 つあり、div にカーソルを合わせると、目に見えない div が上にスライドして表示されます。複数の div があり、1 つの div / ボックスにカーソルを合わせると、他のすべての非表示の div が上にスライドします。スライドアップdivのjqueryは次のとおりです。

$(function(){
    $(".video-entry-summary").hover(function() {

        $(".videotntitle").stop(true,true).animate({'bottom': '+=211px' },200);

    }, function() {

        $(".videotntitle").stop(true,true).animate({'bottom': '-=211px' },200);

    });
});

これが私の問題を示すjsFiddleです..そして、私が言ったように、すべてではなく、1つのdivだけがスライドするはずです。

http://jsfiddle.net/Rfs6G/1/

どんな助けでも大歓迎です!! :) </p>

4

2 に答える 2

4

コンテキストを指定して、正しい div をターゲットにすることができます:

$(function(){
    $(".video-entry-summary").hover(function() {  
        $(".videotntitle", this).stop(true,true).animate({'bottom': '+=211px' },200);
    }, function() {
        $(".videotntitle", this).stop(true,true).animate({'bottom': '-=211px' },200); 
    });
});

$(".videotntitle", this)videotntitleクラスが内部にある要素を検索しますthis（これはホバーされた要素です）

デモンストレーション

于 2012-12-29T18:44:34.857 に答える
1

正しいセレクターではなく、間違ったセレクターをターゲットにしています。

ターゲットにしたい

$(this).find('.videotntitle').stop(). etc etc;

http://jsfiddle.net/Rfs6G/2/

于 2012-12-29T18:44:35.577 に答える