2014-03-27 165 views
2

我正在使用PJAX供電的網站。PJAX延遲頁面加載

問題是我想創建動畫網站,當我們爲視圖添加動畫內容,然後將新內容動畫化到視圖中。

你可以看到這裏的例子:http://ventguru.infoaleja.lt/

正如你可以看到有最初的動畫,你選擇從頂部菜單的一切東西后就會消失,新內容將在動畫

我想要做的是什麼點擊菜單項後,直到我們設置舊內容的動畫纔會顯示新內容。

什麼樣的方式來實現這個你可以提供?

回答

2

您可以使用PJAX回調事件,更多信息請致電https://github.com/defunkt/jquery-pjax#events

實施例:

$("body").on("click", ".menu li a", function() { 
    $(document).on('pjax:end', function() { 
     // Here comes the fade out animation 
     $('#container').fade(function(){ 
      //Callback after animation has finished 
     }); 
    }); 
});