WordPress最简单的全站Pjax教程

2017年11月27日23:18:59 29 48

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:

目前评论:29   其中:访客  25   博主  4

    • avatar 绿软库 1

      pjax又更高级了

        • avatar 诗梦 Admin

          @绿软库 ajax局部更好

        • avatar 绿软库 1

          pjax又更高级了

            • avatar 诗梦 Admin

              @绿软库 ajax局部更好

            • avatar 杨小杰博客 1

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

              • avatar 杨小杰博客 1

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

                • avatar 阿东 2

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

                    • avatar Scorpio 1

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

                      • avatar Scorpio 1

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