Question

我有这个jquery悬停效果，它是如何工作的是有一个不可见的div，当你将鼠标悬停在div上时，它会将不可见的div滑动，使其可见。当有多个div并且你将鼠标悬停在一个div / box上时...所有其他不可见的div向上滑动，只有你盘旋的div应该向上滑动。这是我的滑动divs的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 ..就像我说的那样，只有一个div应该向上滑动，而不是全部。

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

任何帮助将不胜感激！ :)

Answer 1

您可以指定上下文以定位正确的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的元素

Demonstration

Answer 2

您的目标是错误的选择器，而不是正确的选择器。

您想要定位

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

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

Jquery Hover影响所有分区

2 个答案: