如何使用添加的jQuery加載頁面

Question

我注意到許多網站（如Hulu.com）都有非常有趣的頁面轉換。他們設法淡出一頁，併成爲一個新的。

這將如何用jQuery/Javascript完成。我不知何故必須將.js鏈接到這兩個網頁？我將如何做到這一點？

Answer 1

兩個頁面上都不需要.js引用，只需要在前一頁。 有很多支持jQuery的插件支持大多數轉換。

這看起來像一個非常全面的名單，雖然2010年日期。 http://www.onextrapixel.com/2010/02/23/how-to-use-jquery-to-make-slick-page-transitions/

Answer 2

你可以用History API的pushState的部分的組合，這樣做（pjax是把它添加到現有的網站一個很好的方式）和jQuery。這是github如何處理它（嘗試瀏覽源代碼文件夾，並查看網址）。 pjax可以讓你在頁面重定向之前攔截任何<a>點擊，獲取通過ajax加載的頁面，在頁面中插入HTML（您可以使用jQuery動畫控制，如fadeIn()），並更新瀏覽器URL以便頁面可以加書籤。