jquery - 停止 jquery 排队事件

Question

所以，

我有这个演示网站:

http://webspirited.com/ha2/

如果您将鼠标悬停在主标题上(不在 ie 中)。您会注意到图像发生了一些变化，

这就是我想要的。

但是，敏锐的眼睛会注意到，如果您将鼠标悬停在 on-off-on-off-on-off 上，它会将事件排队。

如何阻止它执行此行为？

Answer 1

jQuery .stop() 来救援。

$('#element').stop(true, true).animate({});

如果您使用 jQuery 制作任何类型的动画，stop() 将结束队列。第一个参数表示是否清除完整队列，第二个参数表示是否跳到当前运行动画的末尾。

这里的另一个选项是检查元素当前是否有动画，如果是，则跳过新的 .animate 方法。示例:

$('#element').hover(function(){
   if(!$(this).is(':animated'){  // only go in here if $(this) is NOT animated
      // $(this).animate({});
   }
}, function(){
});

引用号:.stop() , :animated