jQuery有没有，或者有没有jQuery插件，内置了监听CSS3动画事件的功能(例如animationEnd)

Question

我环顾四周，找不到任何东西。在我的应用程序中，为了触发元素上的动画，我在元素中添加了一个具有所需动画的类。然后我想听听动画结束事件，并在它被激发时运行一些代码。

据我所知，jQuery还没有以跨浏览器的方式实现这一功能（例如$(document).on('animationEnd', 'selector', callback)）。

虽然手动实现很容易，但我想知道是否有第三方库可以做到这一点？

Answer 1

尝试：

transitionend
webkitTransitionEnd
oTransitionEnd
MSTransitionEnd

你可以使用类似的东西：

$('#yourelement').addClass('animatedClass').on('transitionend', function(e) {
 // ... do stuff.
);

还有

 :animated

你可以测试，

 if ( $('#yourelement:not(:animated)') ) { ...
 if ( $('#yourelement').is(':animated') ) { ...

希望这能让你走上正确的道路=）

Answer 2

同时监听所有带前缀的事件。