QQ爹博客 QQ爹博客

博客加入了pjax

in 闲言碎语 文章转载请注明来源!

去年刚开始玩博客的时候,想给博客加个背景音乐,于是才知道了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

支付宝打赏

文章二维码

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

本文基于《署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)》许可协议授权
文章链接:https://qqdie.com/archives/pjax.html (转载时请注明本文出处及文章链接)

博客pjax
发表新评论
已有 30 条评论
  1. 人性玩偶
    人性玩偶 7Chrome 55
    回复

    如何过滤文中所提到的加入一个特定的属性pjax="no" 超链接呢?

    1. 人性玩偶
      人性玩偶 7Chrome 55
      回复

      @人性玩偶 我知道了

      1. 人性玩偶
        人性玩偶 7Chrome 55
        回复

        @人性玩偶 就是有个问题,首页点击侧边栏里的最新评论链接(带锚记),进入内容页后,不会跳到锚记点,需要在点击一下链接才能跳,不知道什么原因。

  2. 伍林堂官方
    伍林堂官方 10Chrome 56
    回复

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

    1. Jrotty
      Jrotty 10Chrome 56
      回复

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

  3. 惠阳凯凯
    惠阳凯凯 10Chrome 56
    回复

    不错,功能越来越丰富了

    1. Jrotty
      Jrotty 10Chrome 56
      回复

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

  4. 宅男团の公子
    宅男团の公子 10Chrome 56
    回复

    高大上的pjax

  5. 忆、
    忆、 10Chrome 56
    回复

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

    1. Jrotty
      Jrotty 10Chrome 56
      回复

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

  6. Hran
    Hran 10Chrome 56
    回复

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

    1. Hran
      Hran 10Chrome 56
      回复

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

    2. Jrotty
      Jrotty 10Chrome 56
      回复

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

    3. Hran
      Hran 10Chrome 56
      回复

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

    4. Jrotty
      Jrotty 10Chrome 56
      回复

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

    5. Hran
      Hran 10Chrome 56
      回复

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

    6. Jrotty
      Jrotty 10Chrome 56
      回复

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

    7. Hran
      Hran 10Chrome 56
      回复

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

    8. Jrotty
      Jrotty 10Chrome 56
      回复

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

前篇 后篇
雷姆
拉姆