Typecho配置pjax无刷新

pjax = pushState + ajax

给网站加入了全局音乐播放器，需要用到pjax，下面是加入过程：（顺便加入了进度条）

资源：Pjax.zip

打开footer.php文件，在</body>前引入js文件：

<script src="https://yourdomain/js/pjax/pjax.js"></script>
<script src="https://yourdomain/js/pjax/jquery.pjax.js"></script>
<script src="https://yourdomain/js/nprogress/nprogress.js"></script>
<link href="https://yourdomain/css/nprogress/nprogress.css" rel="stylesheet" type="text/css">

jquery.pjax.js内容如下：

var pjax = new Pjax({
  selectors: [
    "title",
    ".row"
  ],
  cacheBust: false
})
document.addEventListener('pjax:send', function (){
  NProgress.start();
});

document.addEventListener('pjax:complete', function (){
  NProgress.done(); ;
});

selectors中是每次刷新都要改变的元素。
刷新站点就可以看到效果了

版权属于：qqAys

本文链接：https://qqays.xyz/archives/typecho-configuration-pjax.html

本作品采用知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议进行许可。
您可以自由的转载和修改，但请务必注明文章来源并且不可用于商业目的。