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

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'