配置 Pjax
配置
在主题目录新建pjax.js
文件
内容为
var pjax = new Pjax({
// 在页面进行 PJAX 时需要被替换的元素或容器 一条一个 CSS 选择器 数组形式
selectors: [
"title",
"meta[name=description]",
"main"
],
cacheBust: false
})
引用
全局添加引用代码
<script src="https://cdn.jsdelivr.net/npm/pjax/pjax.js"></script>
<script src="https://test.ihk.hk/usr/themes/jiang/js/pjax.js"></script>
第二行改为刚刚pjax.js
文件路径
进阶
添加pjax动画 来自 NProgress.js
新增全局引用代码
<script src="https://unpkg.com/nprogress@0.2.0/nprogress.js"></script>
<link href="https://unpkg.com/nprogress@0.2.0/nprogress.css" rel="stylesheet" type="text/css">
添加以下代码到pjax.js
文件 可放在最下方
document.addEventListener('pjax:send', function (){
NProgress.start();
});
document.addEventListener('pjax:complete', function (){
NProgress.done(); ;
});
大功告成