目录

pjax介绍:

pjax是对ajax + pushState的封装,让你可以很方便的使用pushState技术。

详细查看:http://www.oschina.net/question/12_48388

最近看到很多网站都有一个音乐播放器,但是他们都没加上pjax防止刷新,导致音乐一直中断。所以,我研究了一下,给大家一个简单的方法就可以实现pjax。

首先下载pjax.js放在模板网站目录,然后再模板相应位置加入以下js代码。

<script src="这里需要链接到下载的pjax.js文件" type="text/javascript"></script>
<script type="text/javascript">
$(document).pjax('a[target!=_blank]', '.main', {fragment:'.main', timeout:8000});
$(document).on('pjax:complete', function() {
callbank();
});
</script>

把.main改成模板中相应的div层的样式,例如eMedia媒体相应的div层的样式是.con-left,那就把.main 改成.con-left。

例:

简单网站实现Pjax防止刷新