AddThis工具箱多次

Question

如何多次执行addthis.toolbox('.addthis_toolbox')？我有一个帖子列表，每个帖子都在弹出窗口(jquery ui对话框)中打开。所以我需要为每个帖子重新加载AddThis栏。

现在我有了：

<div id="addThis_<?=$postID?>" class="addthis_toolbox addthis_default_style" addthis:title="<?=$fullTitle?>" addthis:url="https://<?=$url?>">
<a class="share-button addthis_button_preferred_1"></a>
<a class="share-button addthis_button_preferred_2"></a>
<a class="share-button addthis_button_preferred_3"></a>
<a class="share-button addthis_button_preferred_4"></a>
<a class="share-button addthis_button_twitter" addthis:title="<?=$fullTitle?>" addthis:url="http://lj.is/<?=$postID?>"></a>
<a class="addthis_button_compact"></a>
<a class="addthis_counter addthis_bubble_style"></a>
</div>
<script type="text/javascript">
$(function(){
var addthis_config = {
data_track_clickback:true,data_track_addressbar:true,pubid:'...',ui_delay:300
};
var addthis_share = {url:"https://<?=$url?>", title:'<?=$fullTitle?>'};
if (window.addthis) {addthis.toolbox('#addThis_<?=$postID?>'); addthis.button("#addThis_<?=$postID?> .share-button"); addthis.counter("#addThis_<?=$postID?> .addthis_bubble_style");}
else $.getScript('https://s7.addthis.com/js/300/addthis_widget.js#pubid=...&async=1', function(){addthis.init();});
})
</script>

现在，第一次启动是可以的。但下一栏是建立的，但没有正确的点击，锚定标题等，你可以在https://littlejoys.ru/上看到

和其他问题-当我的弹出窗口滚动时，压缩菜单的位置不正确。

Answer 1

您可以多次重复div。但是您需要使用Addthis optional attributes (addthis:url，addthis:title，addthis: description )更改url、title、description。

<!-- First Post -->
<div class="addthis_toolbox addthis_default_style" addthis:url="http://example.com/1"
        addthis:title="My cool first post"
        addthis:description="An Example Description 1">
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_preferred_3"></a>
<a class="addthis_button_preferred_4"></a>
<a class="addthis_button_compact"></a>
<a class="addthis_counter addthis_bubble_style"></a>
</div>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=***"></script>

<!-- Second Post-->
<div class="addthis_toolbox addthis_default_style" addthis:url="http://example.com/2"
        addthis:title="My hot second post"
        addthis:description="An Example Description 2">
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_preferred_3"></a>
<a class="addthis_button_preferred_4"></a>
<a class="addthis_button_compact"></a>
<a class="addthis_counter addthis_bubble_style"></a>
</div>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=***"></script>

因此，您可以将其添加到循环中，它将拾取正确的数据。

如果未在UI对话框中重新初始化添加此按钮，则需要使用addthis.button(".share-button")重新初始化添加此按钮

其中share-button是addthis share锚点链接的类。

查看这篇文章：http://support.addthis.com/customer/portal/articles/1365325-rendering-tools-with-javascript