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

一:整合pjax的准备工作 检查你的网站是否引入1.7.0版本以上的jquery.js,如果没有请全局引入 1、新浪CDN提速: <scripttype="text…

一:整合pjax的准备工作

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

1、新浪CDN提速:

<scripttype="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

<scriptsrc="<?phpechoTEMPLATE_URL;?>js/pjax.js"type="text/javascript"></script>三:使用pjax

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

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

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

<body><divid="contentleft">网站内容部分…</div></body>

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

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

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

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

产品猿社区致力收录更多优质的商业产品,给服务商以及软件采购客户提供更多优质的软件产品,帮助开发者变现来实现多方共赢;

日常运营的过程中我们难免会遇到各种版权纠纷等问题,如果您在社区内发现有您的产品未经您授权而被用户提供下载或使用,您可按照我们投诉流程处理,点我投诉

本文来自用户发布投稿,不代表产品猿立场 ;若对此文有疑问或内容有严重错误,可联系平台客服反馈;

部分产品是用户投稿,可能本文没有提供官方下下载地址或教程,若您看到的内容没有下载入口,您可以在我们产品园商城搜索看开发者是否有发布商品;若您是开发者,也诚邀您入驻商城平台发布的产品,地址:点我进入

如若转载,请注明出处:https://www.chanpinyuan.cn/31996.html;
(0)
上一篇 2023年1月3日 下午4:17
下一篇 2023年1月3日

相关推荐

发表回复

登录后才能评论
分享本页
返回顶部