• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • dedecms
  • ecshop
  • z-blog
  • UcHome
  • UCenter
  • drupal
  • WordPress
  • 帝国cms
  • phpcms
  • 动易cms
  • phpwind
  • discuz
  • 科汛cms
  • 风讯cms
  • 建站教程
  • 运营技巧
您的位置:首页 > CMS教程 >建站教程 > 一行代码实现全站pjax无刷新加载

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

作者:站长图库 字体:[增加 减小] 来源:互联网 时间:2022-04-29

站长图库向大家介绍了pjax代码,pjax无刷新,pjax加载,pjax无刷新加载等相关知识,希望对您有所帮助

一:整合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 src="<?php echo TEMPLATE_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>    <div id="contentleft"> 网站内容部分... </div> </body>

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

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


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


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




分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

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

相关文章

  • 2022-04-29Photoshop制作绚丽的3D艺术字教程
  • 2022-04-29Photoshop巧用笔刷素材制作的皮革艺术字
  • 2022-04-29PhotoShop制作奇特X光片骨骼特效文字教程
  • 2022-04-29Photoshop绘制蓝色风格的游戏手柄
  • 2022-04-29在CSS中怎么给按钮添加背景图片(详解及实例)
  • 2022-04-29使用Jquery提交页面上多个表单数据的方法
  • 2022-04-29wordpress打开速度慢最佳解决方案
  • 2022-04-29Thinkphp5.1详细讲解中间件的用法
  • 2022-04-29vue.js如何实现可拖拽菜单
  • 2022-04-29vue.js如何实现列表滚动循环

文章分类

  • dedecms
  • ecshop
  • z-blog
  • UcHome
  • UCenter
  • drupal
  • WordPress
  • 帝国cms
  • phpcms
  • 动易cms
  • phpwind
  • discuz
  • 科汛cms
  • 风讯cms
  • 建站教程
  • 运营技巧

最近更新的内容

    • 登录网站没有显示laravel欢迎页面是什么情况?
    • Node.js怎么读写json文件?方法介绍
    • Thinkphp+layer+ajax如何完成增加方法(附代码示例)
    • 详细介绍mysql忘记密码的解决方案及修改密码的三种方式
    • 对比一下Vue指令v-show 和 v-if,聊聊使用场景
    • Linux环境变量配置的6种方法,建议收藏!
    • 宝塔面板7.X高级破解版代码
    • Photoshop巧用滤镜打造璀璨星球夜空图
    • 详解thinkphp6如何通过全局中间件解决跨域问题
    • Photoshop制作甜美质感的宝石艺术字教程

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有