jQuery Delay After Animation

Question

В настоящее время у меня есть анимация jQuery, прикрепленная к кнопке «Назад», и я использую команду bind, чтобы предотвратить загрузку следующей страницы до завершения анимации. К сожалению, даже с помощью команды bind анимация по-прежнему довольно быстро срезается. Есть ли способ обеспечить полную анимацию или способ добавить задержку или паузу после анимации еще до загрузки следующей страницы?

Heres моего JQuery:

$(document).ready(function() { 
     $(".back").click(function() { 
      $(".back") 
       .addClass('magictime vanishOut') 
       .bind("animationend webkitAnimationEnd oAnimationEnd MSAnimationEnd", function() {}); 
     }); 

}); 

Answer 1

Я собираюсь ставить переход страницы действия по умолчанию события щелчка заднего элемента. Вам необходимо предотвратить действие по умолчанию, а затем отключить переход страницы в обратном вызове конца анимации.

$(document).ready(function() { 
    $(".back").click(function (e) { 
     e.preventDefault(); 
     $(".back") 
      .addClass('magictime vanishOut') 
      .bind("animationend webkitAnimationEnd oAnimationEnd MSAnimationEnd", 
      function() { 
       // TODO fire off the page transition 
      } 
     ); 
    }); 
}); 

Дайте мне знать, как это работает.