【问题标题】：webkitTransitionEnd not firing when -webkit-animation completes-webkit-animation 完成时 webkitTransitionEnd 未触发
【发布时间】：2012-12-21 08:21:39
【问题描述】：
提前感谢您的帮助，非常感谢！
我有一个旋转优美的 CSS 进度条和一个标准化 transitionEnd 的 JS 函数，我相信类似于 Modenizer 的。
我的问题是webkitTransitionEnd 事件似乎没有触发，我对这一切都很陌生，所以上传了我正在做的演示：http://jsfiddle.net/jonathonoates/99k7r/58/
演示只使用了 WebKit 前缀，很抱歉，您必须在 Chrome 或 Safari 等设备上查看它。当我让这个 Webkit 版本正常工作时，我会添加其余的！
【问题讨论】：
标签：
javascript
css
webkit
css-transitions
【解决方案1】：
因为我已将动画设置为无限循环，所以动画从未结束，所以webkitTransitionEnd 没有被触发是有道理的。
另外，我真正需要的是webkitAnimationEnd。
如果您希望动画无限循环，您可以从 DOM 中的元素中删除动画类，将 timeout 设置为 0，然后重新添加类（这并不理想）或者更好，动画完成后从 DOM 中移除元素并立即重新添加它们。
这是更新后的代码：http://jsfiddle.net/jonathonoates/fktqE/2/