添加它不加载ajax内容

Question

我试图在动态加载的内容上加载addthis按钮,但即使加载了脚本,也不会出现这个工具栏.

jQuery(".somediv").html(response); // dynamically loaded content
jQuery.getScript("//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-53a011f32e6cd338")
    .done(function () {
        addthis.init();
        addthis.toolbox('.addthis_sharing_toolbox');
    })

以下是html内容

<div class="addthis_sharing_toolbox"></div>

请帮忙.

Answer 1

@amit 我遇到了和你一样的问题。经过一番研究，我找到了这个问题的根源。

如果您通过仪表板添加了 addthis 按钮，则可以使用一些快捷 html/js 代码将它们快速添加到您的网站中：

<!-- Go to www.addthis.com/dashboard to customize your tools -->
<div class="addthis_sharing_toolbox"></div>

但是addthis api 文档指出将按钮添加到您的站点的正式方法如下：

<div class="addthis_toolbox" data-url="domain.com" data-title="title">
    <a class="addthis_button_facebook" style="cursor:pointer"></a> 
    <a class="addthis_button_twitter" style="cursor:pointer"></a> 
    <a class="addthis_button_email" style="cursor:pointer"></a>
</div>

因此，如果您在“addthis_sharing_toolbox”类的 div 框中添加以下几行，它最终会起作用。

<a class="addthis_button_facebook" style="cursor:pointer"></a> 
<a class="addthis_button_twitter" style="cursor:pointer"></a> 
<a class="addthis_button_email" style="cursor:pointer"></a>