如何正確使用pjax？

Question

我對pjax是如何工作的一個非常粗略的想法，因此在我的網站上非常粗略的實施。我有這樣的代碼在我所有的jQuery

$('li a').pjax('#container');

的開始，你會點擊這樣

<li><a href="main.html"><div id="sortmain" class="catagories">main</div></a></li>

看起來事情，所以，當我點擊li它加載主。 html到容器div中。但它很糟糕，速度很慢。我該如何改進？另外，因爲main.html是一個真正的文檔，當我刷新頁面時，它只顯示了什麼main.html輸出，我該如何解決這個問題？

Answer 1

我不能說爲什麼它沒有看你的網站是緩慢或毛刺。

如果你想main.html成爲一個整版（這樣刷新工作沒有服務器端處理），您可以使用片段選項pjax：

$('li a').pjax("#container", { fragment: "#container" }); 

這將更新#container分度PJAX（如果pushState可用），並且在較舊的瀏覽器上，您的站點將按照過去的方式工作。