问新的jQuery动画暂停活动动画
EN

Stack Overflow用户

提问于 2018-11-02 01:59:00

回答 1查看 25关注 0票数 0

我遇到了一个奇怪的问题，在已经运行的动画的同一个包含区域内启动jQuery动画会导致旧的动画停止。

请注意-问题不是多个动画同时运行，问题是在同一个容器标记中同时运行多个动画。

由于任何原因，当另一个动画已经在相同的包含区域内运行时，启动另一个动画将导致先前的动画停止和新的动画的启动，但是旧的动画并没有完全停止，因为它的回调函数在“完成”之后仍然被调用，它只是在新动画启动的第二步停止动画。

下面是用于启动动画的javascript：

$("#" + randid).animate({marginTop: '+=450px'}, {duration: 2000, easing: "linear", complete: function() { removeMe($("#" + randid)) }});

继续点击“开始动画”按钮几次，你就会明白我的意思，如果每次有超过一个，那么掉在同一标签内的圆圈就会破裂。

发布于 2018-11-02 03:42:19

动画HTML应该添加.append()而不是.html()，我的恶意附加导致了动画的重置。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/53111748

复制

相似问题

问新的jQuery动画暂停活动动画EN