Задержка перехода на страницу после нажатия ссылки (после окончания анимации)

Question

Я искал аналогичные проблемы, но ни одно из решений не помогло мне.

Итак, вот моя проблема, у меня есть в моем заголовке несколько ссылок для других страниц (о, porftiolio и т. Д.), И у меня есть одна анимация в javascript при нажатии на элемент <a>. Но мой переход страницы мгновенно, так что анимация не видна. Так что я должен сделать, чтобы, возможно, остановить переход страницы на несколько секунд до конца моей анимации. Вот пример :http://codepen.io/anon/pen/zrXrXM. Может кто-нибудь помочь мне, что я должен сделать, чтобы остановить переход до окончания моей анимации.

Answer 1

preventDefault, чтобы остановить повторное прямой, а затем изменить window.location на анимации complete.

$("a").click(function(e) { 
    e.preventDefault(); 
    var href = $(this).attr('href'); 
    $(".header").slideUp("slow", function(){ 
     window.location = href; 
    }); 
}); 

Updated CodePen

Answer 2

Вы можете использовать функцию setTimeout() посмотреть здесь: http://codepen.io/SitePoint/pen/Ejxvjr Объясните здесь: http://www.sitepoint.com/jquery-settimeout-function-examples/