我环顾四周,找不到任何东西。在我的应用程序中,为了触发元素上的动画,我向元素添加了一个具有所需动画的类。然后我想听动画结束事件并在它被触发时运行一些代码。
据我所知,jQuery 还没有以跨浏览器的方式实现这个特性(例如$(document).on('animationEnd', 'selector', callback)
)。
虽然手动实现这一点很容易,但我想知道是否有可用的第三方库可以做到这一点?
我环顾四周,找不到任何东西。在我的应用程序中,为了触发元素上的动画,我向元素添加了一个具有所需动画的类。然后我想听动画结束事件并在它被触发时运行一些代码。
据我所知,jQuery 还没有以跨浏览器的方式实现这个特性(例如$(document).on('animationEnd', 'selector', callback)
)。
虽然手动实现这一点很容易,但我想知道是否有可用的第三方库可以做到这一点?
尝试:
transitionend
webkitTransitionEnd
oTransitionEnd
MSTransitionEnd
你可以使用类似的东西:
$('#yourelement').addClass('animatedClass').on('transitionend', function(e) {
// ... do stuff.
);
还有
:animated
您可以对其进行测试,
if ( $('#yourelement:not(:animated)') ) { ...
if ( $('#yourelement').is(':animated') ) { ...
希望这能让你走上正确的道路=)
也听所有的前缀事件。