/X-JQuery와 - tmpl

Question

내 템플릿 텍스트하기 위해 LI를 추가 :

 <script id="tmp_servicebuttons" class="template" type="text/x-jquery-tmpl"> 
      <li><a class="notification" href="${id}"><img src="${imgsrc}"/></a></li> 
     </script> 
    <script id="tmp_navigation" class="template" type="text/x-jquery-tmpl"> 
     <header> 
      <nav> 
       <ul class="top_bar_notifications"> 
        <li> 
         <a href="#home" class="go home"> 
          <img src="./resources/img/homebtn.png" alt="Home"> 
         </a> 
        </li> 

        <li> 
         <a href="#" class="back"> 
          <img src="./resources/img/backbtn.png" alt="Home"> 
         </a> 
        </li> 
       </ul> 
      </nav> 
... 

내 홈 페이지 :

내가 추가하려고 어떻게

<!-- First Page after splash with main buttons --> 
    <script id="tmp_home" class="template" type="text/x-jquery-tmpl"> 
     <section id="${$item.panel_id}" class="home category panel"> 

      {{tmpl "#tmp_navigation"}} 
... 

:

var data = [{"id": "1", "imgsrc": "./resources/img/servicebtn.png"}]; 
$("#tmp_servicebuttons").tmpl(data).appendTo(".top_bar_notifications"); 

때 다음과 같이하면 내 탐색 템플릿이 특정 섹션에서만 업데이트되는 것 같습니다. 총 4 개의 섹션이 있습니다. 네 가지 템플릿 중 두 가지를 업데이트하고 어떤 이유로 든 집 템플릿에 영향을주지 않습니다. 누구나 이것이 왜 한 섹션에서 작동 할 수 있지만 다른 섹션에서는 작동하지 않는지 아십니까? 감사!

Answer 1

내 템플릿에 html 데이터를 삽입하려고 시도했습니다. 그 HTML은 텍스트로 해석되었습니다. LI에 대한 새 템플릿을 만든 다음 tmpl을 UL에 추가했습니다. 동적 템플릿 구조를 변경해야 할 이유를 알고

<script id="tmp_servicebuttons" class="template" type="text/x-jquery-tmpl"> 
     <li><a class="notification" href="${id}"><img src="${imgsrc}"/></a></li> 
    </script> 

다음 내가 뭔가를 누락 아마 UL

var data = JSON.parse(buttons); 
$(data).each(function(){ 
    var data = [{"id": this.id, "imgsrc": this.imgsrc}]; 
    $("#tmp_servicebuttons").tmpl(data).appendTo(".top_bar_notifications"); 
});