添加它不加載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 doc聲明要將按鈕添加到您的網站的正式方式如下：

<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>

Answer 2

步驟1：將以下代碼放入主模板中，您將從該模板調用ajax並顯示輸出：

<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=**YOUR-PUB-ID**" async="async"></script>
//So that, we are inserting this AddThis JS source only for once;

第2步：動態（ajax）內容應該包含以下addthis行和其他內容：

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

步驟3：最后，在成功加載ajax后，使用回調函數運行以下代碼行;

addthis.toolbox('.addthis_sharing_toolbox');

例如：

$.ajax({
    type: "GET",
    url: MY_URL,
    //......
    success: function(data){
        //......
        $("#MY-DIV").html(data); //THIS IS IMPORTANT TO INSERT THE DYNAMIC DATA INTO THE DOM BEFORE CALLING THE FOLLOWING TRIGGER;
        addthis.toolbox('.addthis_sharing_toolbox');
    }
});