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

Question

jQuery如何stop()实际工作？

如果你看这里(http://jsfiddle.net/hWTT6/),当你将鼠标悬停在主蓝色框上时,它应该渐变为红色,当你将它悬停时,它应该会消失.问题是,即使鼠标在第一次淡入淡出完成之前已经徘徊,它也会完全淡化为红色(然后再变回蓝色).使用幻灯片效果可以更清楚地看到问题.将鼠标悬停在幻灯片"按钮"上,主框将滑动为蓝色,悬停,它将向后滑动.但是在第一个动画完成之前,请尝试在开关和关闭之间徘徊.您将看到所有四个动画都已执行.我在这里包含了两个例子,表明它不仅仅是一种效果或某种问题.

我认为通过stop在动画之前添加a可以很容易地解决这个问题,如代码中所示.但是,如果我这样做,当前的动画将停止,而下一个动画将永远不会启动.几乎就像stop阻止调用后发生的动画一样stop.

我在这里错过了什么？

谢谢.

Answer 1

你缺少.stop()接受两个参数.两个布尔值,表示:

- clearQueue (first)
- jumpToEnd (second)

所以打电话给$('#foo').stop( true, true ).doSomeOtherStuff()你应该达到你想要的目标.

参考: .stop()