jquery - 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'