2

我试图让 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>
4

4 回答 4

4

由于我对您的特定问题知之甚少，因此我首先研究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');
于 2013-06-05T22:21:21.623 回答
1 
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这可能会对您有所帮助。

于 2012-07-09T20:38:12.750 回答
0

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

于 2012-07-09T20:33:52.917 回答
-1

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

<script type="text/javascript"> 
    $().ready(function () {
        addthis.method('#toolbox', [configurationObject], [sharingObject]);
    });
</script>
于 2012-07-09T20:25:38.547 回答