停止jquery队列事件

所以

我有这个演示网站：

如果将鼠标悬停在主标题上（不在ie中）。你会注意到图像有点变化

这就是我想要的

然而，敏锐的眼睛会注意到，如果你将鼠标悬停在开关上，它会将事件排成队列

---

如何阻止它这样做？

看看这个插件：

hoverIntent是一个尝试 要确定用户的意图。。。喜欢 一个水晶球，只有鼠标 移动它工作起来像（而且是） 派生自）jQuery的内置悬停。 然而，不是立即 调用onMouseOver函数，它 等待用户的鼠标速度减慢 在打电话之前，请记下足够的信息

jQuerys

.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（真、假）。工作得很好。我唯一的问题是，在你呼叫停止（如当你鼠标离开）后，它会导致轻微的延迟。为什么会这样？