配置

在主题目录新建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(); ;
 });

大功告成

– – –

标签: none

添加新评论