QQ爹の博客 QQ爹の博客

博客加入了pjax

in 闲言碎语 read (2391) 文章转载请注明来源!

去年刚开始玩博客的时候,想给博客加个背景音乐,于是才知道了pjax这种东西。当时看了《INLOJV封装的自用WordPress全站PJAX代码》,因为当时太过弱鸡,即使INLOJV写了那么多注释,我也没有彻底搞明白。

但是前几天,我又重新看了一边,尝试着弄了下,居然成功了。

下面写些心得,不是教程

pjax首先需要过滤不需要进行pjax的超(a)链接:
比如说友情链接,一般来说友情链接的超链接都会有target=_blank这种属性。
所以可以针对这个进行排除。还有些站内的定位性质的超链接,比如我的博客有个超链接href=#duoshuo_thread,针对这个进行排除也是可以的。或者在想排除超链接中加入一个特定的属性,比如我加的是pjax="no",这样只要排除掉含有pjax=no的超链接即可。

下一步需要考虑需要重载哪些函数
针对我自己用的这个模板,我的需要重载函数是这样的。

GenerateContentList();//文章目录树
pajx_loadDuodsuo();//多说评论
kaomoji();//多说颜表情及其他
pangu.spacingPage(); //英文后留白
cz();//模板函数
var bLazy = new Blazy();//缩略图惰性加载

最后配置下搜索什么的就结束了
然后加入加载动画。。。。。。。。。

加载动画取自http://tpl.9iphp.com/149.html

PS:欢迎大家测试我的pjax哦,哪里有问题就留言哈,测试前请按Ctrl+F5刷新缓存哦!!!

jrotty WeChat Pay

微信打赏

jrotty Alipay

支付宝打赏

文章二维码

扫描二维码,在手机上阅读!

博客pjax
最后由Jrotty修改于2016-07-04 21:53
发表新评论
已有 27 条评论
  1. 伍林堂官方
    伍林堂官方Windows 10谷歌浏览器 回复

    貌似是个很屌的功能,我决定弄个太极图片作为加载。ヽ(`Д´)ノ

    1. Jrotty
      JrottyWindows 10谷歌浏览器 回复

      @伍林堂官方 厉害,我都是找的现成的加载动画,自己不会写

  2. 惠阳凯凯
    惠阳凯凯Windows 10谷歌浏览器 回复

    不错,功能越来越丰富了

    1. Jrotty
      JrottyWindows 10谷歌浏览器 回复

      @惠阳凯凯 你提到的那个图片的bug已经修复哈,感谢(づ ̄ ³ ̄)づ

  3. 宅男团の公子
    宅男团の公子Windows 10谷歌浏览器 回复

    高大上的pjax

  4. 忆、
    忆、Windows 10谷歌浏览器 回复

    动画太炫,差评,哈哈(´・_・`)

    1. Jrotty
      JrottyWindows 10谷歌浏览器 回复

      @忆、 额,暂时没找到什么简约又不简单的加载动画ಥ_ಥ

  5. Hran
    HranWindows 10谷歌浏览器 回复

    有源码嘛。。放出来让我抄抄(/ω\)

    1. Hran
      HranWindows 10谷歌浏览器 回复

      @Hran 那大概只能是这样了。。。

    2. Jrotty
      JrottyWindows 10谷歌浏览器 回复

      @Hran 缓存没清吧,这个应该能兼容大部分现代浏览器的啊

    3. Hran
      HranWindows 10谷歌浏览器 回复

      @Hran 我用手机也能看到。。。但是电脑没有。。。。

    4. Jrotty
      JrottyWindows 10谷歌浏览器 回复

      @Hran 好奇怪啊,我用手机UC浏览器都能看到啊ಥ_ಥ

    5. Hran
      HranWindows 10谷歌浏览器 回复

      @Hran 我能说我这边看不到动画嘛。。。

    6. Jrotty
      JrottyWindows 10谷歌浏览器 回复

      @Hran 嗯,看到了,我的在那个动画上加了个透明度,背景色改为了黑色(°∀°)ノ

    7. Hran
      HranWindows 10谷歌浏览器 回复

      @Hran 我也加上了!用的你那个动画!←_←

    8. Jrotty
      JrottyWindows 10谷歌浏览器 回复

      @Hran 就是上边提到的文章,我基本没改什么

  6. 猫先生
    猫先生Windows 10谷歌浏览器 回复

    很厉害的样子。。。

    1. Jrotty
      JrottyWindows 10谷歌浏览器 回复

      @猫先生 就是按照别人的教程做一遍ヽ(`Д´)ノ

前篇 后篇
雷姆
拉姆
音乐加载中...
0:00