简单网站实现Pjax防止刷新

目录

pjax介绍:

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

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

最近看到很多网站都有一个音乐播放器,但是他们都没加上pjax防止刷新,导致音乐一直中断。所以,我研究了一下,给大家一个简单的方法就可以实现pjax。
首先下载pjax.js放在模板网站目录,然后再模板相应位置加入以下js代码。

!!!markup
<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。

比如看图:

34521eb0ed80a2a1.png

文章最后编辑时间为:2015-11-09 17:32:18

标签: pjax

声明:本博客如无特殊说明皆为原创,转载请注明来源:简单网站实现Pjax防止刷新谢谢!

相关文章

精彩评论
  1. 冷乐 冷乐  Windows 8.1 x64 Edition Google Chrome 41.0.2272.89

    还有个问题,使用pjax后,需要对某些js重新加载才可以是刷新区域里的动态效果重新生效。

  2. 冷乐 冷乐  Windows 8.1 x64 Edition Internet Explorer 11.0

    支持一下~ icon_twisted.png

发表评论:

icon_question.pngicon_razz.pngicon_sad.pngicon_evil.pngicon_exclaim.pngicon_smile.pngicon_redface.pngicon_biggrin.pngicon_surprised.pngicon_eek.pngicon_confused.pngicon_cool.pngicon_lol.pngicon_mad.pngicon_twisted.pngicon_rolleyes.pngicon_wink.pngicon_idea.pngicon_arrow.pngicon_neutral.pngicon_cry.pngicon_mrgreen.png