如何快速给网站添加Pjax？

1.有助于提升访问质量。

2.极大地减小了服务器的资源消耗。

①  检查你的网站是否引入1.7.0版本以上的jquery.js，如果没有请全局引入。

引用格式:

②编辑Footer（底部文件）,添加此代码。

绑定本页面非新窗口打开的所有本域链接，链接点击后，替换contentleft容器内容为新内容contentleft，ajax超时时间8秒

1. <script>
2. $(document).pjax('a[target!=_blank]', '#contentleft', {fragment:'#contentleft', timeout:8000});</script>

如果jq失效怎么办？

问题比如：pjax之后多说评论框不加载，ajax评论不能提交等等问题。

问题原因：原先容器绑定的事件被新容器替换掉了，新容器的div没有绑定事件，所以点击无效。

解决方法：利用pjax的加载完成回调函数，重新绑定事件。

例：

1. <script>
2. $(document).on('pjax:complete', function() {
3. pajx_loadDuodsuo();//pjax加载完成之后调用重载多说函数
4. });
5. function pajx_loadDuodsuo(){
6. var dus=$(".ds-thread");
7. if($(dus).length==1){
8. var el = document.createElement('div');
9. el.setAttribute('data-thread-key',$(dus).attr("data-thread-key"));//必选参数
10. el.setAttribute('data-url',$(dus).attr("data-url"));
11. DUOSHUO.EmbedThread(el);
12. $(dus).html(el);
13. }
14. }
15. </script>

汇总起来,就是下段：

1. <script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.9.0/jquery.js"></script>
2. <script type="text/javascript" src="//24bp.cn/mine/pjax.js"></script>
3. <div class="pjax_loading"></div>
4. <script>
5. $(document).pjax('a[target!=_blank]', '#contentleft', {fragment:'#contentleft', timeout:8000});
6. $(document).on('pjax:send', function() { //pjax链接点击后显示加载动画；
7. $(".pjax_loading").css("display", "block");
8. });
9. $(document).on('pjax:complete', function() { //pjax链接加载完成后隐藏加载动画；
10. $(".pjax_loading").css("display", "none");
11. pajx_loadDuodsuo();
12. });
13. function pajx_loadDuodsuo(){
14. var dus=$(".ds-thread");
15. if($(dus).length==1){
16. var el = document.createElement('div');
17. el.setAttribute('data-thread-key',$(dus).attr("data-thread-key"));//必选参数
18. el.setAttribute('data-url',$(dus).attr("data-url"));
19. DUOSHUO.EmbedThread(el);
20. $(dus).html(el);
21. }
22. }
23. </script>

Pjax这样就添加成功了！

WordPress最简单的全站Pjax教程,最简单wp主题设置pjax，就一个js调用修改一下js里的自定义内容的id属性就可以了，修改下面代码的page为你的id属性，注本文末有下载链接，下面代码只是自定义的那一部分要修改下载的，调用代码添加到主题页脚或页眉文件都可以。

Js自定义:

1. // 自定义
2. $(function() {
3. $(document).pjax('a[target!=_blank]', '#page', {fragment:'#page', timeout:6000});
4. $(document).on('pjax:send', function() {
5. $('#page').fadeTo(700,0.0);
6. });
7. $(document).on('pjax:complete', function() {
8. $('#page').fadeTo(700,1);
9. });
10. });

调用代码:

1. <script src="/路径/pjax.js"></script>