一行代码实现全站pjax无刷新加载

admin

一：整合pjax的准备工作；
6 \1 }  Y( ^2 p% e3 e: x    检查你的网站是否引入1.7.0版本以上的jquery.js，如果没有请全局引入
; ?. B. W4 _  G3 N. u! }# _1.新浪CDN提速：

复制代码
<script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.9.0/jquery.js"></script>

   1.7.0版本以上的才有pushState的封装。

2 d  o% [/ Q# ^( s: ^! t二：开始整合pjax；
7 R, k/ l# x3 N! U9 a     1.下载pjax.js （本文底部）；
/ u2 w5 w/ `  I3 e: H2 j1 M' k     2.在你喜欢的位置（最好body代码结束前）引入pjax.js

复制代码
<script src="<?php echo TEMPLATE_URL; ?>js/pjax.js" type="text/javascript"></script>

三：使用pjax；
# F3 D" ~4 U2 T5 Z/ f# {0 ]+ I" d% q2 ]# V    编辑模版footer.php在</body>标记结束前插入：
$ M9 N) A% Y! I) q

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

写好代码后，将容器contentleft付给一个ID，比如在body内的一个div，如：

复制代码
<body>
 <div id="contentleft"> 网站内容部分... </div> 
</body>

到这里就可以测试效果了，但是需要取消链接target=_blank效果才能有效哦。
. }4 b5 E% B& @4 i+ h4 H

立即下载

• 

  一行代码实现全站pjax无刷新加载

  大小：84K 下载次数：0 下载权限：不限制 售价 ：1金币

7 u( G+ o+ x& u  |9 I1 o$ R) l