JQuery 停止动画队列答案

【问题标题】：JQuery Stop Animation QueueJQuery 停止动画队列
【发布时间】：2015-04-27 15:41:55
【问题描述】：

我的目标是在悬停另一个元素（<div>）时更改元素（在这种情况下为 <h2> 和 <p>）并为其设置动画，以便在未悬停时返回其先前状态并为将鼠标悬停在另一个 (<div>) 元素上时停止动画。

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

我尝试过使用 .stop() 函数（.stop(true, false); 和 .stop(true, true);）我确定这是我做错的事情，但我就是无法理解它。

这是一个 Codepen 示例，我添加了一些 cmets 以使其清楚正在做什么：

如果有任何建议/指点，我将不胜感激，谢谢。

【问题讨论】：

请在问题本身中添加您的 codepen 中的代码（可能被截断或以最小格式）。外部链接可能会在一段时间后断开，当这种情况发生时，这个问题对于可能遇到相同问题的未来读者来说将失去价值。
当你使用.queue时，你应该使用.dequeue来通知jQuery你的自定义函数已经完成。

【解决方案1】：

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

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

【讨论】：

我实际上最终使用了 .fadeIn .fadeOut 和 .text 的不同方法，但我想我现在看到了我的方式的错误，谢谢@DarkAshelin。如果对任何人有用，请使用笔：http://codepen.io/iamjoshellis/pen/EjaQJZ