javascript - jQuery 的 stop() 似乎阻止了尚未排队的动画

Question

jQuery 的 stop() 实际上是如何工作的？

如果你看here (http://jsfiddle.net/hWTT6/) ，当您将鼠标悬停在主蓝色框上时，它应该淡出为红色，而当您将鼠标悬停在主蓝色框上时，它应该淡出回来。问题是，即使鼠标在第一次淡入淡出完成之前悬停，它也会完全淡出为红色(然后又回到蓝色)。通过幻灯片效果可以更清楚地看到问题。将鼠标悬停在滑动“按钮”上，主框将滑至蓝色，悬停后，它将滑回。但在第一个动画完成之前，请尝试不断地悬停。您将看到所有四个动画均已执行。我在这里提供了两个示例，以表明这不仅仅是一种效果或其他东西的问题。

我认为通过在动画之前添加 stop 可以轻松解决此问题，如代码中注释所示。但是，如果我这样做，当前的动画将停止，并且下一个动画将永远不会开始。几乎就像 stop 正在阻止调用 stop 之后发生的动画一样。

我在这里缺少什么？

谢谢。

Answer 1

您缺少 .stop() 接受两个参数。均为 bool 值，表示:

- clearQueue (first)
- jumpToEnd (second)

因此，通过调用 $('#foo').stop( true, true ).doSomeOtherStuff() 您应该可以实现您想要的目标。

引用:.stop()