javascript - addthis.toolbox() 方法 : buttons cut off and alt text displaying

Question

当我在响应式设计上做一些 jQuery html 替换时，有人建议我使用 addthis.toolbox 方法而不是 AddThis 中的 init 方法。

尽管我的代码指定了 32x32 像素按钮，但它们在显示时会 chop 图形的下半部分并显示替代文本。这是代码:

<div id="zazoo" class="addthis_toolbox addthis_default_style addthis_32x32_style">
<a class="addthis_button_facebook_follow" addthis:userid="example"></a>
<a class="addthis_button_twitter_follow" addthis:userid="example"></a>
<a class="addthis_button_google_follow" addthis:userid="xx"></a>
<a class="addthis_button_youtube_follow" addthis:userid="example"></a>
</div>

<script src="//s7.addthis.com/js/300/addthis_widget.js#pubid=example&async=1">
</script>
<script type="text/javascript">
addthis.toolbox("#zazoo"); 
</script>

我什至做了一个stripped down version那只是代码，仍然可以看到切断按钮的问题。对于那里的 AddThis 用户...您能看出代码有问题还是 AddThis 端的系统问题？我看不出代码本身有任何问题，只是它的显示方式。

Answer 1

如果您使用异步标志，则 addthis.toolbox() 方法仅在您调用 addthis.init() 方法后才起作用。将您的代码更改为:

<div id="zazoo" class="addthis_toolbox addthis_default_style addthis_32x32_style">
    <a class="addthis_button_facebook_follow" addthis:userid="digitalhit"></a> 
    <a class="addthis_button_twitter_follow" addthis:userid="digitalhit"></a> 
    <a class="addthis_button_google_follow" addthis:userid="108569913685983365364"></a> 
    <a class="addthis_button_youtube_follow" addthis:userid="digitalhit"></a>
    <a class="addthis_button_rss_follow" addthis:userid="http://feeds.feedburner.com/DigitalHitEntertainmentNews"></a>
</div>
<script src="//s7.addthis.com/js/300/addthis_widget.js#pubid=dheian&async=1"></script>
<script type="text/javascript">
<!--
addthis.init();
// -->
</script>

addthis.toolbox() 方法仅用于在第一次初始化后呈现按钮。