JQuery停止动画队列

Question

我的目标是在另一个元素（一个<h2>）的悬停上更改并动画一个元素（在<p>和<div>的情况下），以返回到它之前的状态没有盘旋，动画在另一个（<div>）元素上徘徊时停止。

我已经实现了更改内容并使用JQuery .hover制作动画，但是当我快速悬停在多个<div>上时，我无法停止排队的动画。

我已尝试使用.stop()函数（.stop(true, false);和.stop(true, true);）我确定这是我做错了，但我无法包装绕过它。

以下是Codepen的一个示例，我添加了一些注释，以便清除正在执行的操作：

http://codepen.io/iamjoshellis/pen/waBrQN?editors=001

我很感激任何建议/指示，谢谢。

Answer 1

你使用.stop()函数是正确的，但是你错误地使用了它。将.stop()放在.animate()之前，如下所示：

$('.dog-title').stop().animate({