Animate.css - дождитесь окончания анимации, прежде чем продолжить

Question

Animate.css - дождитесь окончания анимации, прежде чем продолжить

0

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

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

Dustin 12 нояб. 2013, в 23:10

Источник

Теги:

jquery

css

animate.css

animation

2 ответа

4

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

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

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

'transitionend webkitTransitionEnd MSTransitionEnd oTransitionEnd'

c-smile 12 нояб. 2013, в 20:52

0

Спасибо! Это решило мою проблему :) $(".loader_calendar").addClass('animated zoomOut').on('animationend webkitAnimationEnd MSAnimationEnd oAnimationEnd', function(e) { $(this).hide(); });
marknt15 17 нояб. 2015, в 07:12

Ещё вопросы

Спасибо! Это решило мою проблему :) $(".loader_calendar").addClass('animated zoomOut').on('animationend webkitAnimationEnd MSAnimationEnd oAnimationEnd', function(e) { $(this).hide(); });

posit labs · Accepted Answer · 2013-11-12T19-42-00.000Z

Там нет кросс-браузерного способа сделать это, кроме как установить тайм-аут.

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

Для этого есть некоторые префиксные методы браузера, но я думаю, что я помню, что они ненадежны. См. Этот вопрос SO: Обратный вызов перехода CSS