在AJAX中添加此

AddThis in AJAX

本文关键字：添加 AJAX      更新时间：2023-09-26

我正试图让Addthis在一个加载了AJAX的div标记中工作，我在他们的网站上读到了，我不得不用javascript渲染工具箱http://support.addthis.com/customer/portal/articles/381263-addthis-client-api

我正在使用下面的代码，但它似乎不起作用，感谢对该函数的任何帮助。谢谢

<div id="toolbox"></div>
<script type="text/javascript">
    addthis.method('#toolbox', [configurationObject], [sharingObject]);
</script>

由于我对您的特定问题了解不多，我将从研究addthis.toolbox（'.yourClass'）开始

如果你有这样一个典型的工具箱

<div id="myToolbox" class="toolbox addthis_toolbox addthis_default_style ">
    <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>

一旦您的ajax内容完成加载到dom中，您就可以执行以下操作。。。

addthis.toolbox('#myToolbox');

不过，请小心

不要把你的like按钮放在工具箱里，因为当你调用addthis.toolbox方法时，由于某种原因，它会创建一个重复的like按键iframe。这一定是一只虫子，但它夺走了我几年的生命。相反，您应该将它放在包含div的自己的工具箱中，并调用它上的方法。

在多个工具箱的情况下

您可能应该使用类。有关最后的示例，请参阅以下代码。

html

 <div class="toolbox">
    <a class="addthis_button_facebook_like" fb:like:layout="button_count" addthis:userid="myCompany"></a> 
 </div>
 <div class="toolbox addthis_toolbox addthis_default_style ">
    <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>

javascript:

//on complete of ajax load
addthis.toolbox('.toolbox');

var addthis_config =
{
ui_hover_direction: -1
, ui_offset_left: offsetLeft
, ui_offset_top: -45
, ui_delay: 300
, ui_click: false
};

var addthis_share =
{
url: 'http://www.example.com',
title: 'example title'
}
addthis.method("#Button2", addthis_config, addthis_share);

访问http://www.addthis.com/forum/viewtopic.php?f=5&t=14137这可能对你有帮助。

method不是addthis对象的有效函数。它是示例中的占位符，用于使用真实的方法名称。

您从来没有真正调用过任何东西，因为您没有等待DOM准备好：

<script type="text/javascript"> 
    $().ready(function () {
        addthis.method('#toolbox', [configurationObject], [sharingObject]);
    });
</script>
相关文章：