我正在使用Animate.css围绕我正在创建的应用程序进行动画制作。我正在寻找一种方法来等待动画完成然后继续。这是我认为有用的,但不是。任何帮助都是有用的!
$("#myDiv").addClass("animated flipOutY", function() {
return $("#myDiv").empty();
});
答案 0 :(得分:4)
如果这是关于CSS动画那么这个
$("#myDiv").addClass("animated flipOutY")
.on('animationend webkitAnimationEnd MSAnimationEnd oAnimationEnd', function(e) {
$(this). ...
});
如果animate.css使用实际转换,那么您应该使用这些事件:
'transitionend webkitTransitionEnd MSTransitionEnd oTransitionEnd'
答案 1 :(得分:1)
除了设置超时外,没有跨浏览器的方法。
setTimeout($('#myDiv').empty, 500);
有一些以浏览器为前缀的方法,但我想我记得它们不可靠。请参阅此问题:Callback on CSS transition