AddThis工具箱多次

我該怎麼做addthis.toolbox（'。addthis_toolbox'）多次？我有一個帖子列表，每個都在彈出窗口（jQuery UI對話框）中打開。所以我需要爲每個帖子重新加載AddThis欄。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/

和額外的問題 - 緊湊的菜單有當滾動我的彈出窗口不正確的位置。

來源

2014-01-16 programmister

您可以多次重複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.button(".share-button")

其中共享按鈕是類的前頁份額錨鏈接的重新初始化按鈕前頁。

請檢查這篇Addthis文章：http://support.addthis.com/customer/portal/articles/1365325-rendering-tools-with-javascript

來源

2014-01-25 12:34:35 gurudeb

謝謝，但它不起作用。我將我的問題帖子中的代碼更改爲實際狀態。 – programmister

另外的問題 - 當我的彈出窗口滾動時，壓縮菜單的位置不正確。 – programmister

AddThis工具箱多次

回答

相關問題