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

  • 内容
  • 相关

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

一:整合pjax的准备工作;

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

1.新浪CDN提速:

<script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.9.0/jquery.js"></script>

1.7.0版本以上的才有pushState的封装。

二:开始整合pjax;

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

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

<script type="text/javascript" src="/assets/js/pjax.js"></script>

三:使用pjax;

编辑模版footer.php在</body>标记结束前插入:

<script>

$(document).pjax('a[target!=_blank]', '#contentleft', {fragment:'#contentleft', timeout:8000});

</script>

写好代码后,将容器contentleft付给一个ID,比如在body内的一个div,如:

<body>

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

</body>

搞定一切后,你已经成功了。

管理员设置回复可下载

本文标签:

版权声明:若无特殊注明,本文皆为《Leek》原创,转载请保留文章出处。

本文链接:一行代码实现全站pjax无刷新加载 - https://pjax.cc/41.html

发表评论

电子邮件地址不会被公开。 必填项已用*标注

允许邮件通知

评论

3条评论
  1. avatar

    这是什么鬼 Lv.1 Chrome 80.0.3987.132 Chrome 80.0.3987.132 Windows Windows 回复

    来看看如何

    广东省 电信

    1. avatar

      TKs Lv.1 Chrome 75.0.3770.142 Chrome 75.0.3770.142 Windows Windows 回复

      回复仍然看不到下载地址哇?

      山东省济南市 移动GSM/TD-SCDMA/LTE全省共用出口

      1. avatar

        TKs Lv.1 Chrome 75.0.3770.142 Chrome 75.0.3770.142 Windows Windows 回复

        尝试一下

        山东省济南市 移动GSM/TD-SCDMA/LTE全省共用出口