一:整合pjax的准备工作;
" m/ J7 a1 U& D 检查你的网站是否引入1.7.0版本以上的jquery.js,如果没有请全局引入" c) @1 N4 B$ S! d6 [ h6 M
1.新浪CDN提速: , a6 J4 O* k! H$ ~, d- H
<script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.9.0/jquery.js"></script> 1.7.0版本以上的才有pushState的封装。7 J5 R7 X0 D1 W
% [( ^4 X9 e0 ` K0 s2 f7 ~二:开始整合pjax;
1 j6 E m* k' [% t( b 1.下载pjax.js (本文底部);
/ R! ~, i/ q3 }* ~# I5 b+ T$ }0 t 2.在你喜欢的位置(最好body代码结束前)引入pjax.js
2 @5 I' N5 s6 W& N0 S6 X: ]<script src="<?php echo TEMPLATE_URL; ?>js/pjax.js" type="text/javascript"></script> ( T! [* k* j% O; M. O% ?
三:使用pjax;* b: \. _* l7 Z$ S! h2 X( }7 X
编辑模版footer.php在</body>标记结束前插入:
3 E1 A$ O5 W* @6 k4 Q1 }) K1 P6 j. L<script>
$(document).pjax('a[target!=_blank]', '#contentleft', {fragment:'#contentleft', timeout:8000});
</script> 写好代码后,将容器contentleft付给一个ID,比如在body内的一个div,如:
# F! O8 D% _5 V. u8 z( u<body>
<div id="contentleft"> 网站内容部分... </div>
</body> 到这里就可以测试效果了,但是需要取消链接target=_blank效果才能有效哦。
/ B. X7 Y9 ]1 E5 @0 {
/ h Y7 w* ^( [) M8 D0 w, Y' a# p% V% c0 t
|