jquery - 使用 jquery 暂停和恢复动画

Question

在我们当前的项目中，我们使用 jquery 部署了各种对象的动画。谁能建议一种暂停和恢复动画的方法。

我们听说过队列，但无法正确暂停和恢复。请建议如何使用队列暂停动画。请注意，我们有多个对象，我们需要在单击按钮时暂停所有动画，然后再恢复点击另一个按钮。

如果有人可以演示或提供示例，那将不胜感激。 (暂停插件不起作用，因为我们在动画之间有一些延迟功能)

Answer 1

可以使用 stop() 函数轻松完成。

演示: http://jsfiddle.net/6eMQq/

代码:

// to animate or continue animation
$('#item').animate({width: '500px'}, 2000);

// to pause the animation
$('#item').stop();