停止所有子元素的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>

有没有办法立即停止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);