javascript - 在 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');