이 버튼이 backbone.js 템플릿에 추가되지 않음

Question

AddThis 버튼이 backbone.js 템플릿에 표시되지 않습니다.

  <!-- AddThis Button BEGIN --> 
      <div class="addthis_toolbox addthis_default_style "> 
      <a class="addthis_button_facebook sharebtn"></a> 
      <a class="addthis_button_twitter sharebtn"></a> 
      <a class="addthis_button_preferred_4 sharebtn"></a> 
      </div> 

을하고 난 헤더 파일에 다음을 넣어 :

내 backbone.js 템플릿 파일에 다음과 같은 코드가 있습니다.

<script type='text/javascript' src="https://s7.addthis.com/js/300/addthis_widget.js"></script> 

헤더 파일은 django 템플릿을 사용하여 렌더링됩니다.

어떻게해야합니까?

편집 :

<div id = "toolbox"></div> 

을 다음 백본보기에서 렌더링 함수의 끝에서 이러는 : 나는 백본 템플릿이 퍼팅 시도

 tbx = that.$el.find("div#toolbox"), 
      svcs = {email: 'Email', print: 'Print', facebook: 'Facebook', 
       expanded: 'More'}; 

     for (var s in svcs) { 
      tbx.innerHTML += '<a class="addthis_button_'+s+'">'+svcs[s]+'</a>'; 
     } 

     addthis.toolbox(document.getElementById('toolbox')); 

그러나 addthis는 여전히 렌더링되지 않습니다.

Answer 1

AddThis 플러그인 스크립트는 HTML이로드 될 때 구문 분석합니다. 템플릿이 비동기 적으로로드되므로 AddThis이 버튼을 렌더링하는 데 관련 마크 업을 찾지 못합니다.

템플릿이 화면에 렌더링되면 AddThis 렌더링 기능을 호출해야합니다. 가 문서의 자바 스크립트 섹션 렌더링

체크 아웃 : 위의 게시물에 내 편집 http://support.addthis.com/customer/portal/articles/381263-addthis-client-api