我的頁面轉換不起作用

Question

我正嘗試使用css動畫創建一個完整的頁面轉換。我在路上來到了一個岔路口。我在鏈接上放置了一個類，並使用JQuery調用它，然後將css類應用於頁面以激活轉換。現在，當我分配新的窗口位置時，它想要覆蓋動畫。這就像我可以有一個或另一個，而不是兩個，至少不是我如何做它......任何提示？

下面的代碼

$(document).ready(function() { 

    var linkLocation 

    $("a.transition").click(function(event){ 
     event.preventDefault(); 
     linkLocation = this.href; 
     redirectPage();  

    }); 

    function redirectPage() { 
     $("body").attr('class', 'page-rotateSlideOut'); 
     window.location = linkLocation; 
    } 

}); 

Answer 1

window.location = linkLocation將刷新頁面。這就是爲什麼你的轉換不起作用。

如果您.page-rotateSlideOut風格上有一個時間，你可以這樣做：

setTimeout(function() { window.location = linkLocation; }, duration); 

Answer 2

嘗試使用setTimeout。

像

$("a.transition").click(function(event){ 
    event.preventDefault(); 
    linkLocation = this.href; 
    $("body").attr('class', 'page-rotateSlideOut'); 
    setTimeout(redirectPage,5000);  

}); 

在redirectPage