一行代码实现全站pjax无刷新加载

  •  作者:root
  •  发布于:2019-09-10 11:32:00
  •  栏目:WEB前端
  •  来源:本站
  •  共50人围观

一:整合pjax的准备工作;

 检查你的网站是否引入1.7.0版本以上的jquery.js,如果没有请全局引入

二:开始整合pjax;

     1.下载pjax.js (本文底部);

     2.在你喜欢的位置(最好body代码结束前)引入pjax.js

三:使用pjax;

将容器contentleft付给一个ID,比如在body内的一个div,如:


<body>

 <div id="contentleft"> 网站内容部分... </div> 

</body>


到这里就可以测试效果了,但是需要取消链接target=_blank效果才能有效哦。

一切都搞定之后你就成功了。

pjax对收录不是很友好,大型网站慎用,限小型个人博客体验。



转载请说明出处: 我的博客园» 欢迎来到博客

评论

  • 评论用户:(游客)  来自IP:127.0.0.1  时间:2019-09-10 22:55:40  访问系统:Unknown
    文章标题:前端
    内容:root
  • 评论用户:(游客)  来自IP:127.0.0.1  时间:2019-09-10 22:29:14  访问系统:Unknown
    文章标题:前端
    内容:你到说出来啊!
  • 评论用户:(游客)  来自IP:127.0.0.1  时间:2019-09-10 22:28:05  访问系统:Unknown
    文章标题:前端
    内容:我也来说两句...