百度分享-解决分页之后不显示图标及分享单个链接

绝地灬酷狼 2022-04-01 07:54 149阅读 0赞

在页面上有个列表页需要添加分享按钮，如图

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1lJU0hFTkdZT1VOSTk1_size_16_color_FFFFFF_t_70][]

使用百度分享，点击下一页重新加载页面不显示分享按钮。原因是因为需要重新加载一下init()方法。

html = '<div class="shore-circle pull-right">' +
          '<span class="mr5">分享</span>' +
          '<div class="bdsharebuttonbox">' +
          '<a href="#" class="bds_copy" data-cmd="copy" title="分享到复制网址" data-id="'+ id +'" data-title="'+ name +'"></a>' +
          '<a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"  data-id="'+ id +'" data-title="'+ name +'"></a>' +
          '<a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"  data-id="'+ id +'" data-title="'+ name +'"></a>' +
         '<a href="#" class="bds_sqq" data-cmd="sqq" title="分享到QQ好友"  data-id="'+ id +'" data-title="'+ name +'"></a><div>' +
          '<i class="iconfont icon-date"></i>' + createDate + '<span></span><i ' +
          'class="iconfont icon-look"></i>' + views + '阅读</div></div></li>';

var shareId = "";
        var title = ""; 
    $(".bdsharebuttonbox a").mouseover(function () {
                                shareId = $(this).attr("data-id");
                                title = $(this).attr("data-title");
                            });
    
                            window._bd_share_config = {
                                "common": {
                                    "bdSnsKey": {},
                                    "bdText": "",
                                    "bdMini": "1",
                                    "bdMiniList": false,
                                    "bdPic": "",
                                    "bdStyle": "1",
                                    "bdSize": "16",
                                    "onBeforeClick": beforeShareClick
    
                                },
                                "share": {}
                            };
                            with (document) 0[(getElementsByTagName('head')[0] || body).appendChild(createElement('script')).src = 'http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion=' + ~(-new Date() / 36e5)];
                            if (window._bd_share_main) {
                                window._bd_share_main.init()
                            }
    function beforeShareClick(cmd, config) {
            //设置 config
            if (shareId) {
                config.bdText = title;
                config.bdUrl =  window.location.protocol + "//" + document.domain + "/zx/detail?id=" + shareId
    
            }
            return config;
        }

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1lJU0hFTkdZT1VOSTk1_size_16_color_FFFFFF_t_70]: /images/20220401/66910624cd2d49218bd610f1d3134039.png

发表评论取消回复

表情：

评论列表（有 0 条评论，149人围观）

还没有评论，来说两句吧...

相关阅读

相关利用vsocde构建Python-Flask项目处理百度分享链接

利用vsocde构建Python-Flask项目处理百度分享链接项目结构： ![在这里插入图片描述][20201218114800688.png] start.

偏执的太偏执、/ 2022年12月29日 00:10/ 0 赞/ 46 阅读

相关 Android链接分享功能,公开链接分享功能

如何使用公开链接分享功能？ Windows客户端 ![5f2af5e6faecbde2fbb1c5cad475e744.png][] 打开笔记窗口，点击工具栏右上角分享按

客官°小女子只卖身不卖艺/ 2022年10月17日 13:36/ 0 赞/ 225 阅读

相关百度活动分享

http://qianbao.baidu.com/hd/bb?invite\_code=BV47JX47 ![Image 1][] [![Center][]][Center

以你之姓@/ 2022年08月06日 07:27/ 0 赞/ 171 阅读

相关百度分享自定义图标，修改默认【更多】图片

篡改百度分享【更多】的图标，重点是覆盖样式bsd\_more，着重介绍思路 <html> <head></head> <

墨蓝/ 2022年07月13日 08:58/ 0 赞/ 127 阅读

相关百度分享js代码

转自：[http://www.internetke.com/effects/run/2013/1108/117.html][http_www.internetke

柔情只为你懂/ 2022年06月16日 14:40/ 0 赞/ 480 阅读

相关百度分享不支持HTTPS加密连接的解决方案

百度分享在百度公司内部应该是已经被边缘化的产品了，毕竟分享类和评论类的产品盈利方面都比较麻烦。百度分享到目前为止估计也已经有两三年没有更新过了，其官方网站的资讯更新至今还停

Love The Way You Lie/ 2022年05月23日 03:39/ 0 赞/ 170 阅读

相关百度分享-解决分页之后不显示图标及分享单个链接

在页面上有个列表页需要添加分享按钮，如图 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG

绝地灬酷狼/ 2022年04月01日 07:54/ 0 赞/ 150 阅读

相关 discuz 自定义联盟推广链接案例及百度分享自定义推广链接的方法

原理,推广者通过论坛自动生成的属于自己的推广链接,分发出去后,其它人通过该链接访问,广告联盟便可记录推广者并给予奖励. 涉及三个文件.cf\_conn.php及cf\_

墨蓝/ 2021年09月26日 00:54/ 0 赞/ 476 阅读

相关百度分享js代码

转自：[http://www.internetke.com/effects/run/2013/1108/117.html][http_www.internetke.com_ef

蔚落/ 2021年06月24日 14:35/ 0 赞/ 1355 阅读

相关百度分享是什么？百度分享有什么优势？

百度分享是什么？百度分享有什么优势？百度分享是什么百度分享是一个提供网页地址收藏、分享及发送的WEB2.0按钮工具，网站的浏览者可以方便的分享到人人网、分享到开心网...

朱雀/ 2021年06月05日 02:42/ 0 赞/ 610 阅读