停止并重新启动后,jQuery队列动画会加速

时间:2012-03-21 14:44:38

标签: jquery-ui jquery-animate

编辑:当我在调用.clearQueue()之前添加.stop()时,它可以正常工作。不知道为什么,我认为他们基本上都在做同样的事情。

我有一个jQuery动画,可以动画一个范围内每个角色的背景,这使得它基本上看起来像某种加载条(动画在队列中)。

在这里查看:http://jsbin.com/efawub/4/edit#preview(出于某种原因,它在我的FF中不起作用)

问题如下:

点击播放,然后快速点击停止;然后再次点击播放:动画现在运行速度超过应有的速度,(第一个跨度中的最大优势)!

将此与正常运行进行比较:点击播放,让它直到结束,点击停止,再次点击播放:正常速度

当你在停止并再次按下游戏后等待几秒钟时,这种现象也会消失;当你将动画停止到最后而不是开始时,问题也不那么突出。

有什么想法吗?

1 个答案:

答案 0 :(得分:0)

我终于想解决这个问题了。解决方案是使用标准的javascript,而不是jquery(我仍然不知道为什么它会发生在jquery上)。一个简单的setTimeout循环就可以了。我更新了原来的jsbin,并将旧代码注释掉了。