WordPress最简单的全站Pjax教程

2017年11月27日23:18:59 3 330

WordPress最简单的全站Pjax教程,最简单wp主题设置pjax,就一个js调用修改一下js里的自定义内容的id属性就可以了,修改下面代码的page为你的id属性,注本文末有下载链接,下面代码只是自定义的那一部分要修改下载的,调用代码添加到主题页脚或页眉文件都可以.WordPress最简单的全站Pjax教程

自定义的js

  1. // 自定义
  2. $(function() {
  3. $(document).pjax('a[target!=_blank]', '#page', {fragment:'#page', timeout:6000});
  4. $(document).on('pjax:send', function() {
  5. $('#page').fadeTo(700,0.0);
  6. });
  7. $(document).on('pjax:complete', function() {
  8. $('#page').fadeTo(700,1);
  9. });
  10. });

id属性选择例:

WordPress最简单的全站Pjax教程

调用代码

  1. <script src="/路径/pjax.js"></script>

下载

诗梦

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:3   其中:访客  2   博主  1

    • avatar 绿软库 0
      来自天朝的朋友 谷歌浏览器 Windows 7 广东省广州市 电信

      pjax又更高级了

        • avatar 诗梦 博主
          来自天朝的朋友 谷歌浏览器 Linux 广东省广州市 电信

          @绿软库 ajax局部更好

        • avatar 杨小杰博客 0
          来自天朝的朋友 谷歌浏览器 Windows 7 天津市 电信IDC机房

          厉害了,我想弄个无刷新提交评论,不知道博主会吗