WordPress最简单的全站Pjax教程

2017年11月27日23:18:59 11 1,659

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:

目前评论:11   其中:访客  10   博主  1

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

      pjax又更高级了

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

          @绿软库 ajax局部更好

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

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

          • avatar 阿东 来自天朝的朋友 谷歌浏览器 Windows 10 广东省广州市 电信 1

            谢了,今天用你的代码成功了,之前搞了好几个小时,我终于实现了简单的播放器切换页面不会刷新,美滋滋 :idea: :idea:

              • avatar Scorpio 来自天朝的朋友 谷歌浏览器 Windows 10 北京市 新国信通信有限公司 1

                @阿东 请问你是怎么实现的啊,我按上面方法做了,切换页面音乐也刷新不放了

                • avatar Scorpio 来自天朝的朋友 谷歌浏览器 Windows 10 上海市 电信 1

                  @阿东 终于弄好了,一开始在头部就引用的js文件,怎么弄都不行。然后就想着放到尾部引用试试,突然就好了!

                • avatar 阿东 来自天朝的朋友 谷歌浏览器 Windows 10 广东省广州市 电信 1

                  <script type="text/javascript" src="

                  • avatar 阿东 来自天朝的朋友 谷歌浏览器 Windows 10 广东省广州市 电信 1

                    这个评论系统有点反人类

                      • avatar 孤独的夜晚 来自天朝的朋友 Safari浏览器 iPhone iPhone OS 11_2_2 like Mac OS X) AppleWebKit 广东省深圳市 联通 1

                        @阿东 有点吧

                      • avatar liedun 来自天朝的朋友 谷歌浏览器 Windows 10 河南省 移动 0

                        pjax.js蓝奏下载地址失效了

                          • avatar PANDA 来自天朝的朋友 Safari浏览器 iPhone iPhone OS 11_2_2 like Mac OS X) AppleWebKit 广东省深圳市 联通 1

                            @liedun 就你下载不了🙄🙄🙄