Jquery，在淡入/淡出期间禁用/忽略悬停事件？

Question

我想弄清楚这是否可能。我有一个图像地图，它会根据悬停在某些部分上而淡入/淡出。问题是，当用户在淡入淡出期间将鼠标悬停到不同区域时，它会完成它所做的淡入淡出然后是鼠标移动到的区域的淡入淡出。如果用户在几个不同的区域之间快速移动，那么淡入淡出显得非常跳跃和尴尬，所以我希望能够禁用悬停事件（淡入淡出）在另一个淡入淡出发生期间，所以它只是忽略它。

我考虑过使用某种延迟，但我不知道这是否可行，因为我认为它也会延迟淡入淡出。任何建议表示赞赏。

Answer 1

在看不到代码的情况下，您的工具是 :animated 和 jQuerys .stop() 方法的混合体。

这可能看起来像

$('imagemap').hover(function(){
   // only do something if no animation is in process (like fading)
   if(!$(this).is(':animated')){
   }
}, function(){
});

您还可以在链中的任何 .fadeIn() 之前调用 .stop(true, true) 。这将停止当前动画并跳转到 fx 队列 的末尾。

参考文献：：动画选择器、.stop(), .is()

Answer 2

我认为您指的是 队列构建那里有问题。尝试在动画方法之前使用 stop 方法，例如：

$(...).stop().fadeIn();

更多信息：

http://www.learningjquery.com/2009/ 01/quick-tip-prevent-animation-queue-buildup

至于平滑的动画，你可以选择 jQuery 缓动插件。