QQ爹の博客 QQ爹の博客

pjax加载多说的三种方法

in 实用技巧,代码相关 read (2050) 264汉字 文章转载请注明来源!

方法一

多说官方提供的方法:http://dev.duoshuo.com/docs/50b344447f32d30066000147
这里不进行说明,请进入上述链接进行查看。
效果说明:进入文章页需要点击按钮,多说评论才会加载出来。

方法二

民间高手不满足方法一那种需要按一次才能加载的方法,于是写了个不需要按按钮也能加载的方法。

在网站head处加入

<script>var duoshuoQuery = {short_name:"你的多说二级域名"};</script>
<script src="http://static.duoshuo.com/embed.js"></script>

在写个多说重载函数,在pjax完成后调用

<script>
$(document).on('pjax:complete', function() {
    pajx_loadDuodsuo();//pjax加载完成之后调用重载多说函数
});
function pajx_loadDuodsuo(){
    var dus=$(".ds-thread");
    if($(dus).length==1){
        var el = document.createElement('div');
        el.setAttribute('data-thread-key',$(dus).attr("data-thread-key"));//必选参数
        el.setAttribute('data-url',$(dus).attr("data-url"));
        DUOSHUO.EmbedThread(el);
        $(dus).html(el);
    }
}
</script>

上述中的$(document).on('pjax:complete', function() {});和你使用的pjax可能有所不同,但道理是通用的。

方法三

也就是我现在用的方法,这个方法需要模板加载jquery,在pjax重载函数中加入下述代码

if ($('.ds-thread').length > 0) { if (typeof DUOSHUO !== 'undefined') DUOSHUO.EmbedThread('.ds-thread');DUOSHUO.ThreadCount($('.ds-thread-count')); else $.getScript("//static.duoshuo.com/embed.js"); }

以上三种方法,孰优孰劣,请自行判断,以前我是用第二种方法的,后来发现了第三种方法,发现代码量少了不少(因为加载了jq),于是就用了第三种方法。

jrotty WeChat Pay

微信打赏

jrotty Alipay

支付宝打赏

文章二维码

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

多说pjax
最后由Jrotty编辑于2016-09-17 10:18
发表新评论
已有 30 条评论
  1. hank9999
    hank9999
    回复

    加到哪里啊?

  2. moe
    moe
    回复

    在ie下你的多说无法加载

    1. moe
      moe
      回复

      @moe (;¬_¬)之前更乱。。(゚Д゚≡゚д゚)!?你是怎么写出来的,找错都不好找

    2. Jrotty
      Jrotty
      回复

      @moe 之前更乱的!乱的我自己都蒙圈!后来整理了好久( ̄へ ̄)才弄好!但是bug也被弄出来很多(-_-#)书写习惯不好害死人啊

    3. moe
      moe
      回复

      @moe 不 排版更坑

    4. Jrotty
      Jrotty
      回复

      @moe 大量使用了if语句ಥ_ಥ

    5. moe
      moe
      回复

      @moe 其实更加严重的问题是代码凌乱程度。。( ̄▽ ̄)

    6. Jrotty
      Jrotty
      回复

      @moe 这个问题我知道,从一开始就有这个问题,暂时没办法,毕竟我也很菜主题也是移植的...

    7. moe
      moe
      回复

      @moe 还有一个bug,是在手机上,打开侧栏后,向左滑而不是点击tab,就会出现侧边栏浮出文章,形容不好,你测试下就好了

    8. Jrotty
      Jrotty
      回复

      @moe 侧栏问题修复啦啦,是那个雷姆的原因。多说搞不懂啥原因,可能事pjax导致的

    9. Jrotty
      Jrotty
      回复

      @moe 好的!明天我在调调侧栏问题还有多说

    10. moe
      moe
      回复

      @moe 这就尴尬了我还就是ie11,而且准确来说是打开第一个页面的时候正常,第二个就挂了。哦 对了 半夜变灰在ieee上不管用

    11. Jrotty
      Jrotty
      回复

      @moe 好的!明天看看!我的博客只支持ie11

    12. moe
      moe
      回复

      @moe 而且侧栏在滚动的时候会出现问题,谷歌正常 火狐不知道

  3. Zohar
    Zohar
    回复

    帅气的人已经弃掉多说了233

    1. Jrotty
      Jrotty
      回复

      @Zohar 你的头像已帅炸天ಥ_ಥ

  4. pci
    pci
    回复

    自从我的评论要审核之后....我就@#¥%……&*()

    1. pci
      pci
      回复

      @pci 可以

    2. Jrotty
      Jrotty
      回复

      @pci 要不你换个多说账户ಥ_ಥ

    3. pci
      pci
      回复

      @pci (´;ω;`)崩溃

    4. Jrotty
      Jrotty
      回复

      @pci 存在感变低了( ̄ε(# ̄) Σ

  5. krag
    krag
    回复

    那个。。。。我是小白,能有偿代做么。。。

    1. Jrotty
      Jrotty
      回复

      @krag ಥ_ಥ两个男的怎么ml

    2. CSD
      CSD
      回复

      @krag 应该是做lov……做PJAX吧(⁄ ⁄•⁄ω⁄•⁄ ⁄)⁄

    3. Jrotty
      Jrotty
      回复

      @krag 做什么啊???

  6. Accompany
    Accompany
    回复

    龴ↀ◡ↀ龴支持!我也弄好了

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