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

Question

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

$("#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);

有一些浏览器前缀的方法，但我想我记得它们是不可靠的。请参阅这个 SO 问题：CSS 过渡回调