如何正确使用pjax？

Question

我对pjax如何工作有一个非常粗略的想法，因此在我的网站上非常粗略地实现了它。我在所有jquery

的开头都有这段代码

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

你要点击的东西就像这样

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

所以当我点击li时，它会将main.html加载到容器div中。但这很糟糕而且很慢。我怎样才能改善这个？另外，因为当我刷新页面时，main.html是一个真实的文档，它只显示了main.html输出，我该如何修复它？

Answer 1

如果不查看您的网站，我无法解释为什么它会缓慢或出现故障。

如果您希望main.html成为整页（以便刷新无需服务器端处理），您可以使用pjax中的fragment选项：

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

这将使用PJAX（如果pushState可用）更新#container div，而在较旧的浏览器上，您的网站将按照以前的方式工作。