ページ遷移を遅らせる

Question

smoothState.jsは何らかの理由で私のために働いたことがないので、私自身のものを試しています。

質問：CSSのアニメーションが終了した後に開始するように、デフォルトのページ遷移をどのように延期するのですか？それはfadeInアニメーションで始まるので、他のページはあらかじめロードされていません。これまでのところイム。

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; 
});