停止所有子元素的jQuery动画

Question

祝大家新年快乐！

我只想问一问，是否有任何方法来停止一个元素的所有子节点的jquery动画？我的意思是，如果我在一个文档中有一个下面的html结构，并且我对容器中的所有div应用了不同的动画--有些还在queue=false中，等等。

<div id="container">
<div id="element-1"></div>
<div id="element-2"></div>
<div id="element-3"></div>
<div id="element-4"></div>
<div id="element-5"></div>
</div>

有什么方法可以立即停止所有元素的动画吗？好吧，我们会立即回忆起下面的代码

$('#element-1, #element-2, #element-3, #element-4, #element-5').stop(true);

而且它应该立即停止所有的元素。如果我们试着

$('#element-1, #element-2, #element-3, #element-4, #element-5').stop(true, true);

元素应该跳到最终结果--肯定不适合我，。这是必需的，但如果我在同一时刻有300个元素动画，我肯定不能应用上面的方法，嗯！

我在寻找类似于

$('#container').stop(true,true);

有可能做些调整吗？

Answer 1

您可以选择包装内的所有元素并停止，然后停止它们。对于您的html，这个应该有效：

$('#container').find('*').stop(true, true);