При навигации по сайту, как я могу полностью сделать анимацию, прежде чем браузер скачет страницы

Question

Я хочу использовать animate.css на своей веб-странице, в меню навигации. Например, меню вылетает из режима навигации по экрану. Основная проблема заключается в следующем: как я могу отложить загрузку страницы, которую я нажимаю, пока анимация не будет полностью завершена. Сейчас анимация отключается, потому что загружается следующая страница.

$(document).ready(function(){ 
    $('#list').click(function(){ 
     $(this).addClass('animated shake'); 
     window.setTimeout(function(){ 
     $('#list').removeClass('animated shake'); 
     }, 1000); 
    }); 
}); 

Answer 1

Существует обещание() в jQuery> 1.6. Вы можете поставить в очередь запрос на дальнейшее ожидание обещания().

$("button").on("click", function() { 
    $("p").append("Started..."); 

    $("div").each(function(i) { 
    $(this).fadeIn().fadeOut(1000 * (i+1)); 
    }); 

    $("div").promise().done(function() { 
    $("p").append(" Finished! "); 
    }); 
}); 

http://api.jquery.com/promise/