jquery在等待回调时禁用鼠标悬停

Question

我使用jquerys animate进行鼠标悬停效果。该效果使得div在鼠标悬停时长度增加* 2并且在mouseleave上缩小。除了你快速移入和移出鼠标之外，这种方式很好 - 效果没有时间赶上，因此div只会不断增长。

是否有任何进一步的事件禁止在元素上触发，直到到达回调？

Answer 1

我突然想到，我显然回答了错误的问题。我不知道有任何方法可以阻止进一步的事件。为了后代，我将在下面留下原来的答案。如果您只是希望元素在快速鼠标移动后停止增长/收缩，那么可能会做你想做的事。

如果没有看到您的确切代码，我就无法确切地说放置的确切位置，但您可以使用stop()：

$('div').mouseOver(
  function(){
    $(this).stop().animate({'width':'200px'},500);
  },
  function(){
    $(this).stop().animate({'width':'100px'},500);
  }
);

这可能不如你真正使用的可靠数字，但无论如何这都是这个想法。但是，几乎可以肯定有更好的方法来实现这一目标。

在jsbin进行演示。