jQuery绑定mouseenter＆amp; mouseleave摆动问题

Question

我想问一下是否有一种正确的方法可以避免'strongenter mouseleave'功能/ 摆动所选元素？

此代码来自jquery并且它正常工作但是当您错误地多次悬停导航时，当鼠标已经遍历元素时，它会抖动隐藏的元素。

      $('#mn_learn').bind('mouseenter mouseleave', function(){
    $('.toggleLearn').slideToggle('250');
  });

我确实试图检查如何避免这种情况，但我不幸运。谢谢你的帮助。 check the sample here...

Answer 1

jQuery将您尝试执行的每个动画排队，以便不会错误地同时运行两个动画，为了防止动画过载，您需要使用jQuery.stop(1,1)清除当前对象的队列。

$('#mn_learn').bind('mouseenter mouseleave', function(){
    $('.toggleLearn').stop(1,1).slideToggle('250');
});

Answer 2

可能想要查看悬停意图插件（http://cherne.net/brian/resources/jquery.hoverIntent.html），此thread会讨论该内容。