Question

由于我在响应式设计上做了一些jQuery html替换，因此建议我使用addthis.toolbox方法而不是AddThis中的init方法。

即使我的代码指定了32x32像素按钮，它们也会显示，图形的下半部分被切断，alt文本显示。这是代码：

<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（）方法仅在您使用async标志时调用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（）方法仅用于在第一次初始化后呈现按钮。

addthis.toolbox（）方法：按钮截断和alt文本显示

1 个答案: