Animate.css - Дождитесь завершения анимации до продолжения

Question

В настоящее время я использую Animate.css для анимации вокруг приложения, которое я создаю. Я ищу способ дождаться окончания анимации, прежде чем продолжить. Вот что я думал о работе, но нет. Любая помощь приложена!

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

Answer 1

Невозможно выполнить кросс-браузер, кроме как установить таймаут.

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

Для этого есть некоторые префиксные методы, но я думаю, что я помню, что они ненадежны. Смотрите этот SO вопрос: Callback on CSS transition

Answer 2

Если это о CSS-анимации, то это

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

Если animate.css использует фактически переходы, то вы должны использовать эти события:

'transitionend webkitTransitionEnd MSTransitionEnd oTransitionEnd'