跳转至

Typecho配置pjax无刷新

pjax = pushState + ajax

给网站加入了全局音乐播放器,需要用到pjax,下面是加入过程:(顺便加入了进度条)

资源:Pjax.zip

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

jquery.pjax.js内容如下:

Text Only
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
var pjax = new Pjax({
  selectors: [
    "title",
    ".row"
  ],
  cacheBust: false
})
document.addEventListener('pjax:send', function (){
  NProgress.start();
});

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

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

评论