当-webkit-animation完成时,webkitTransitionEnd不会触发

时间:2013-01-07 15:21:21

标签: javascript css webkit css-transitions

提前感谢您的帮助,非常感谢!

我有一个很好的旋转的CSS进度条和一个标准化transitionEnd的JS函数,类似于我相信的Modenizer。

我的问题是webkitTransitionEnd事件似乎没有触发,我对这一切都不熟悉所以上传了我正在做的演示:http://jsfiddle.net/jonathonoates/99k7r/58/

该演示仅使用了WebKit前缀,很抱歉,您必须在Chrome或Safari等上查看。当我让这个Webkit版本正常工作时,我会添加其余内容!

1 个答案:

答案 0 :(得分:0)

因为我已经将动画设置为无限循环,所以动画永远不会结束,因此可以理解webkitTransitionEnd没有被触发。

此外,我真正需要的是webkitAnimationEnd

如果您希望动画无限循环,您可以从DOM中的元素中删除动画类,设置timeout为0,然后重新添加类(这不是理想的)或更好仍然,在动画完成时从DOM中删除元素并立即重新附加它们。

以下是更新后的代码:http://jsfiddle.net/jonathonoates/fktqE/2/