如何正确使用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可用），并且在较旧的浏览器上，您的站点将按照过去的方式工作。