一:整合pjax的准备工作;
5 X( H7 i1 G/ R7 m& T9 F5 F 检查你的网站是否引入1.7.0版本以上的jquery.js,如果没有请全局引入/ R) q, E* l/ D/ A0 Q' _5 a+ E
1.新浪CDN提速:
8 K" {, |; p! D! l/ n<script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.9.0/jquery.js"></script> 1.7.0版本以上的才有pushState的封装。
* f) G1 m9 n. U0 a5 r7 Z: T/ L# j' [; q- V5 h9 o" w* s
二:开始整合pjax;' ~: O! x' F8 c, m6 _1 Q+ f
1.下载pjax.js (本文底部);8 m0 U" \7 i) y
2.在你喜欢的位置(最好body代码结束前)引入pjax.js
& d( U9 [. P7 p+ [8 k9 V<script src="<?php echo TEMPLATE_URL; ?>js/pjax.js" type="text/javascript"></script> 2 j k- V( j) ^' A. E
三:使用pjax;- {5 x6 P; b- q) [$ s
编辑模版footer.php在</body>标记结束前插入:
/ e2 \+ ?; b' J4 H7 I<script>
$(document).pjax('a[target!=_blank]', '#contentleft', {fragment:'#contentleft', timeout:8000});
</script> 写好代码后,将容器contentleft付给一个ID,比如在body内的一个div,如:( w) P. l" v( T2 T9 N7 c
<body>
<div id="contentleft"> 网站内容部分... </div>
</body> 到这里就可以测试效果了,但是需要取消链接target=_blank效果才能有效哦。. K: D P4 P! W5 _: e# l1 ?& v
4 l. ]" |9 V! A4 a! C7 P# l
- |. K, S* M; w7 Q% U% G8 s; z |