QQ爹の博客 QQ爹の博客

pjax加载多说的三种方法

in 实用技巧,代码相关 文章转载请注明来源!

方法一

多说官方提供的方法: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
发表新评论
已有 30 条评论
  1. hank9999
    hank9999Windows 10谷歌浏览器
    回复

    加到哪里啊?

  2. moe
    moeWindows 10谷歌浏览器
    回复

    在ie下你的多说无法加载

    1. moe
      moeWindows 10谷歌浏览器
      回复

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

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

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

    3. moe
      moeWindows 10谷歌浏览器
      回复

      @moe 不 排版更坑

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

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

    5. moe
      moeWindows 10谷歌浏览器
      回复

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

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

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

    7. moe
      moeWindows 10谷歌浏览器
      回复

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

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

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

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

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

    10. moe
      moeWindows 10谷歌浏览器
      回复

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

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

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

    12. moe
      moeWindows 10谷歌浏览器
      回复

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

  3. Zohar
    ZoharWindows 10谷歌浏览器
    回复

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

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

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

  4. pci
    pciWindows 10谷歌浏览器
    回复

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

    1. pci
      pciWindows 10谷歌浏览器
      回复

      @pci 可以

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

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

    3. pci
      pciWindows 10谷歌浏览器
      回复

      @pci (´;ω;`)崩溃

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

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

  5. krag
    kragWindows 10谷歌浏览器
    回复

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

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

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

    2. CSD
      CSDWindows 10谷歌浏览器
      回复

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

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

      @krag 做什么啊???

  6. Accompany
    AccompanyWindows 10谷歌浏览器
    回复

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

PREVIOUS NEXT
雷姆
拉姆
音乐加载中...
0:00