在AJAX中添加

Question

我正在尝试让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>

Answer 1

由于我不太了解您的特定问题，因此我将从研究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');

但是，请注意这一点！

不要将“喜欢”按钮放在工具箱中，因为当您调用addthis.toolbox方法时，由于某种原因，它将创建重复的“喜欢”按钮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');

Answer 2

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，这可能会对您有所帮助。

Answer 3

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

Answer 4

您从未真正调用任何东西，因为您不等待DOM准备就绪：

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