一:整合pjax的准备工作;% S5 } {! I$ a7 o$ ?* L; U
检查你的网站是否引入1.7.0版本以上的jquery.js,如果没有请全局引入+ b' f- R0 ]- ?& i1 \1 g; A
1.新浪CDN提速: I& Q3 V6 o" T
<script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.9.0/jquery.js"></script> 1.7.0版本以上的才有pushState的封装。
7 @. c0 I& u6 U9 A* O
( j! p- f9 `% A# L0 E7 S+ p二:开始整合pjax;- F, T/ X& e9 P( I
1.下载pjax.js (本文底部);! J& U& k3 M7 S& h
2.在你喜欢的位置(最好body代码结束前)引入pjax.js
- s d6 C, F: J+ W<script src="<?php echo TEMPLATE_URL; ?>js/pjax.js" type="text/javascript"></script> : q3 ~. E* d; q5 }$ e
三:使用pjax;
( |6 O/ _3 v- t 编辑模版footer.php在</body>标记结束前插入:
* p/ ~: E; X+ N% [8 @<script>
$(document).pjax('a[target!=_blank]', '#contentleft', {fragment:'#contentleft', timeout:8000});
</script> 写好代码后,将容器contentleft付给一个ID,比如在body内的一个div,如:
. {3 U8 y# i& {6 d4 l<body>
<div id="contentleft"> 网站内容部分... </div>
</body> 到这里就可以测试效果了,但是需要取消链接target=_blank效果才能有效哦。
1 ^! A* Y; x* h2 K$ C4 L Z* V1 H i0 p2 k, y% |
% {8 q; ]: W4 \( |
|