jquery悬停不正常

Question

我有以下代码，当我最初悬停时，它会一直向下滑动。我该怎么办？

http://jsfiddle.net/nimeshrmr/2p783/

Answer 1

在.stop(true, true)和.slideUp()

之前使用.slideDown()

.stop()停止匹配元素上当前正在运行的动画。

.stop( [clearQueue] [, jumpToEnd] )

clearQueue：一个布尔值，指示是否也删除排队的动画。默认为false。

jumpToEnd：一个布尔值，指示是否立即完成当前动画。默认为false。

SEE FIDDLE

Answer 2

根据AK评论，他建议使用 .stop（true，true） 而不是 .stop（） < /强> ..

更新帖子

尝试在.slideDown（）和.slideUp（）

之前添加 停止（true，true）

$(".portfolio-image-3col").on("mouseenter",function(){
   $(this).parent().find(".portfolio-desc-3col").stop(true, true).slideDown("fast");
});

$(".portfolio-desc-3col").on("mouseout",function(){
   $(this).parent().find(".portfolio-desc-3col").stop(true, true).slideUp("fast");
});​

旧帖子。

在.slideDown（）和.slideUp（）

之前尝试添加stop（）

$(".portfolio-image-3col").on("mouseenter",function(){
   $(this).parent().find(".portfolio-desc-3col").stop().slideDown("fast");
});

$(".portfolio-desc-3col").on("mouseout",function(){
   $(this).parent().find(".portfolio-desc-3col").stop().slideUp("fast");
});​

Answer 3

从父母开始，然后找到孩子http://jsfiddle.net/2p783/5/

$(".portfolio-item").hover(function() {
     $(this).find(".portfolio-desc-3col").slideDown("fast");
}, function() {
     $(this).find(".portfolio-desc-3col").slideUp("fast");
});

希望有所帮助：）