jquery - 加载 addthis 脚本后将 addthis HTML 添加到 dom

Answer 1

您需要致电：

addthis.toolbox('.addthis_toolbox');

将元素附加到弹出框之后。这将触发 AddThis 以呈现按钮上的所有点击事件。我刚刚通过从开发工具控制台调用上述内容进行了测试，所有按钮都有效。

Answer 2

我通过在弹出窗口显示后加载 AddThis 按钮解决了这个问题。请参阅下面的代码；

<button type="button" class="btn btn-artist-add-share has-popover" rel="popover" data-placement="bottom" data-html="true" data-content="<div id='pcontent'></div>">Share <i class="fa fa-share padding-left-20"></i>
</button>

<script language="JavaScript">
  $("[rel=popover]").popover({
    html: true
  });

  $("[rel=popover]").on('shown.bs.popover', function() {
    $('#pcontent').html("<div class='addthis_sharing_toolbox'></div>")
    $.getScript("//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-4fa624772af11b1b")
  });
</script>