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

admin

一：整合pjax的准备工作；
/ B* ?3 c6 G& `8 H    检查你的网站是否引入1.7.0版本以上的jquery.js，如果没有请全局引入
1.新浪CDN提速：

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

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

9 q3 X9 P" y+ b9 f3 _! j二：开始整合pjax；
     1.下载pjax.js （本文底部）；
9 u+ S1 d, X! b9 ]# S9 z7 o$ _     2.在你喜欢的位置（最好body代码结束前）引入pjax.js
& K0 P3 h1 c+ B) l5 ]

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

& x' B( F4 Q) V- ^3 O三：使用pjax；
5 e9 c5 g4 `" s' C& m9 a" S  _    编辑模版footer.php在</body>标记结束前插入：

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

写好代码后，将容器contentleft付给一个ID，比如在body内的一个div，如：
% r* K6 }, f, j0 q6 S& y3 [  I

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

到这里就可以测试效果了，但是需要取消链接target=_blank效果才能有效哦。

立即下载

• 

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

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

$ V. ]! S6 a+ t& D7 L# i' `4 O& z' j
: {" H% x% S- w4 N* l