jquery - jquery悬停无法正常工作

Question

我有以下代码，当我最初将鼠标悬停在上面时，它会一直向下和向上滑动。我怎样才能解决这个问题

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

Answer 1

使用.stop(true, true)之前.slideUp()和.slideDown()

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

.stop( [clearQueue] [, jumpToEnd] )

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

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

见小提琴

Answer 2

根据 AK 的评论，他建议使用.stop(true, true)而不是.stop() ..

更新帖子

尝试在 .slideDown() 和 .slideUp() 之前添加stop(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");
});

希望能帮助到你 ：）