jQuery 绑定 mouseenter &鼠标离开摆动问题

Question

我想问是否有适当的方法来避免“mouseenter mouseleave”功能对所选元素的摆动？

这段代码来自jquery，它工作正常，但是当您错误地将鼠标悬停在导航上多次时，当您的鼠标已经位于该元素上时，它会摆动隐藏的元素。

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

我确实尝试过检查如何避免这种情况，但我并不幸运这样做。预先感谢您的帮助。 在此处查看示例...

Answer 1

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

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