Delaying page transitioning

Question

Поскольку smoothState.js никогда не работал для меня по какой-то причине, я пытаюсь что-то сделать самостоятельно, просто проще.

Вопрос: Как я могу отложить переход по умолчанию, так что он начинается после окончания анимации css, pref. не предварительно загружая другую страницу, так как она начнется с анимации fadeIn. Im это далеко.

JQuery

$(document).ready(function() { 
$("a").click(function(e) { 
    e.preventDefault(); 
    var href = $(this).attr('href'); 
    $(body).addClass("lightSpeedOut")(function(){ 
    window.location = href; 
    }); 
}); 
}); 

И HTML здесь

<div class="container-fluid"> 
    <div class="row"> 
     <div class="col-xs-3 no-padding"> 
      <img src="img/t-cover.jpg" class="img-responsive-cover" alt="girl in a white top" /> 
      <div class="overlay"> 
       <h2>Tops & T-Shirts</h2> 
       <p><a href="html/tops.html"> Enter the world of Isabel Marant, Alice and Olivia and more...</a></p> 
      </div> 
     </div> 
    </div> 
</div> 

Answer 1

Дождитесь события анимации до конца затем перенаправляет пользователя.

var ANIMATION_END = 'animationend webkitAnimationEnd mozAnimationEnd MSAnimationEnd oAnimationEnd'; 

$('body').addClass('lightSpeedOut').one(ANIMATION_END, function() { 
    window.location = href; 
});