Ghost使用Pjax实现无刷新加载

jquery.pjax
http://www.bootcdn.cn/jquery.pjax/
使用方法
在default.hbs内引用jquery.pjax.js文件

在页面添加一个DIV,用来载入pjax获取的内容。

<div id="pjax">
</div>
id为pjax(随便起一个)

然后在default.hbs内引用一个外部js文件。
$(function() {
$(document).pjax('a', '#pjax', {
fragment: '#pjax',
timeout: 6000,
});
});

监听所有a链接,如果点击,则会向服务端提交一个头为:P-JAX的请求。服务端根据请求的链接,返回页面内容,并添加至id为pjax的DIV中。

完成。

研究了两天,一直被坑,以为服务端返回的问题,结果是代码写错了。。。

用pjax可以向博客内添加音乐播放了,即使跳转,也不会中断音乐的播放。
已邀请:

小雨

赞同来自: 小phper

给个博客地址瞅瞅加载效果

小新

赞同来自:

。。。。。。。。。。。。。。。。。

要回复问题请先登录注册