JQuery停止动画队列

我的目标是改变另一个元素（<div>）的悬停元素（在情况下为<h2>和<p>）并使其动画，以便在未展开的情况下返回到之前的状态，停留在另一个（<div>）元素上时停止。JQuery停止动画队列

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

我试过使用.stop()功能（都.stop(true, false);和.stop(true, true);）我敢肯定这是我做错了，但我不能把我的头围绕它。

下面是一个例子Codepen，我添加了一些意见，使其夹板什么做什么：

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

我会很感激任何意见/指针，谢谢。

来源

2015-04-27 Josh Ellis

请也添加代码的codepen在问题本身（可能截短或在最小的格式）。外部链接可能会在一段时间后崩溃，当这种情况发生时，这个问题会失去它对未来读者的价值，而这可能会带来同样的问题。 –

当你使用'.queue'时，你应该使用['.dequeue']（https://api.jquery.com/dequeue/）通知jQuery你的自定义函数已经完成。 – Stryner

你说得对.stop()功能，但你错误地使用它。把.stop()权.animate()之前，像这样：

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

来源

2015-04-27 15:49:58

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

JQuery停止动画队列

回答

相关问题