addthis.toolbox() 메서드 : 버튼을 잘라내고 대체 텍스트를 표시합니다.

Question

반응 형 디자인에서 일부 jQuery html 대체를 수행함에 따라 AddThis의 init 메소드 대신 addthis.toolbox 메소드를 사용하는 것이 좋습니다.

내 코드가 32x32 픽셀 버튼을 지정하더라도 그래픽의 아래쪽 절반이 잘리고 대체 텍스트가 표시되는 것과 함께 표시됩니다. 여기 코드는 다음과 같습니다

<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() 메소드는 첫 번째 초기화 후에 버튼을 렌더링하는 데만 사용됩니다.