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）。

<!-- 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，则需要使用addthis.button(".share-button")

再次重新初始化addthis按钮

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

检查此添加文章：http://support.addthis.com/customer/portal/articles/1365325-rendering-tools-with-javascript

多次添加此工具箱

1 个答案: