JQuery 停止动画队列
JQuery Stop Animation Queue
我的目标是在另一个元素 (a <div>) 悬停时更改和动画元素（在 <h2> 和 <p> 的情况下），到 return 取消悬停时恢复到之前的状态，当悬停在另一个 (<div>) 元素上时动画停止。
我已经实现了更改内容并使用 JQuery .hover 对它们进行动画处理，但是当我快速将鼠标悬停在多个 <div> 上时，我无法阻止动画排队。
我试过使用 .stop() 函数（.stop(true, false); 和 .stop(true, true);）我确定这是我做错了什么，但我就是做不到把我的头围起来。
这是一个 Codepen 示例，我添加了一些注释以使其清楚地表明正在做什么：
http://codepen.io/iamjoshellis/pen/waBrQN?editors=001
非常感谢advice/pointers，谢谢。
您对 .stop() 函数的使用是正确的，但是您只是错误地使用了它。将 .stop() 放在 .animate() 之前，像这样：
$('.dog-title').stop().animate({
我的目标是在另一个元素 (a <div>) 悬停时更改和动画元素（在 <h2> 和 <p> 的情况下），到 return 取消悬停时恢复到之前的状态，当悬停在另一个 (<div>) 元素上时动画停止。
我已经实现了更改内容并使用 JQuery .hover 对它们进行动画处理，但是当我快速将鼠标悬停在多个 <div> 上时，我无法阻止动画排队。
我试过使用 .stop() 函数（.stop(true, false); 和 .stop(true, true);）我确定这是我做错了什么，但我就是做不到把我的头围起来。
这是一个 Codepen 示例，我添加了一些注释以使其清楚地表明正在做什么：
http://codepen.io/iamjoshellis/pen/waBrQN?editors=001
非常感谢advice/pointers，谢谢。
您对 .stop() 函数的使用是正确的，但是您只是错误地使用了它。将 .stop() 放在 .animate() 之前，像这样：
$('.dog-title').stop().animate({