Question

我正在使用Animate.css围绕我正在创建的应用程序进行动画制作。我正在寻找一种方法来等待动画完成然后继续。这是我认为有用的，但不是。任何帮助都是有用的！

$("#myDiv").addClass("animated flipOutY", function() {
  return $("#myDiv").empty();
});

Answer 1

如果这是关于CSS动画那么这个

$("#myDiv").addClass("animated flipOutY")
           .on('animationend webkitAnimationEnd MSAnimationEnd oAnimationEnd', function(e) {
              $(this). ...
           });

如果animate.css使用实际转换，那么您应该使用这些事件：

'transitionend webkitTransitionEnd MSTransitionEnd oTransitionEnd'

Answer 2

除了设置超时外，没有跨浏览器的方法。

setTimeout($('#myDiv').empty, 500);

有一些以浏览器为前缀的方法，但我想我记得它们不可靠。请参阅此问题：Callback on CSS transition

Animate.css - 等待动画完成后再继续

2 个答案: