
准备文件
编辑模板 header.php 的 head 添加必要文件:
jquery-1.11.1.min.js:
jquery.pjax-1.8.2.min.js
这2个文件下载到模板的 scripts 目录下后将下面两句添加到</head>所有script标签的最前面
<script type="text/javascript" src="<?php echo TEMPLATE_URL; ?>scripts/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="<?php echo TEMPLATE_URL; ?>scripts/jquery.pjax-1.8.2.min.js"></script>
注意:jQuery需要1.7.0版本以上的才有pushState的封装
使用pjax
编辑模版 footer.php 在/body标记结束前插入:
< script type="text/javascript">
$(document).pjax('a[target!=_blank]', '#contentleft', {fragment: '#contentleft',timeout: 8000});
< /script>
参数解释:
a[target!=_blank]:绑定本页面非新窗口打开的所有链接
#contentleft:链接点击之后,仅仅更新#contentleft容器的内容,页面其他内容不变,需自行修改这个参数
fragment:'#contentleft':#contentleft选择器的碎片从Ajax响应提取
timeout:8000:Ajax超时时间为8秒,如果未响应则直接刷新网页
注意:这个 #contentleft 怎么找呢?
小指的方法是打开模板的 echo_log.php,找到包裹文章页面的 div 的 id 就是了,一般是第一第二个
id 名字都是 contentleft,content或者main之类的,按照这个方法一般都可以了,如果不行回我吧~