無法通過執行把手模板與上下文

Question

獲得HTML結果我在我的javascript下面的代碼：

var context = { 
     "title": section_title 
    }; 

    var section_template = $("section-template").html(), 
     template = Handlebars.compile(section_template); 

    alert("yeah!"); 
    alert(context.title); 
    var final_section_content = template(context); 

    alert("WHat?"); 

的alerts()在那裏純粹是爲了調試的目的。

section_template正確填入，我準備

template具有作爲它的價值，所以我假定編譯順利過的模板。

「是啊！」並且上下文的標題正確顯示。但是，執行template(context);時似乎出現了錯誤。 「什麼？」警告永遠不會被提出，因此HTML內容永遠不會被設置（稍後在程序中）。後來在程序中，我使用final_section_content作爲jQuery before()函數的值。但是「什麼？」本身沒有被執行。任何想法爲什麼？

模板代碼：

<script id="section-template" type="text/x-handlebars-template"> 
    <div class="row-fluid"> 
     <div class="span8 offset1"> 
      {{! This will contain the section requirements}} 
      <div class="section-title"> 
       <span class="add-on"> 
        <i class="icon-plus-sign"></i> 
       </span> 

       <h2> 
        {{title}} 
       </h2> 
       <i class="icon-list" data-placement="bottom" data-title="Create sub-section"></i> 
       <i class="icon-pencil" data-placement="bottom" data-title="Edit section title"></i> 
       <i class="icon-trash" data-placement="bottom" data-title="Delete section"></i> 
       <div class="subsection"> 
        {{! Dummy container for subsection}} 
       </div> 
      </div> 
     </div> 
     <div class="span2 offset1"> 
      {{! This will contain the total score for the section}} 
     </div> 
    </div> 
</script> 

Answer 1

確保包含模板代碼中的元素被查詢它的使用$('#section-template').html()內容之前加載。有關更多詳細信息，請參閱Why is browser returning error "TypeError: this._input is null" in Firefox (and similar in Chrome) when using handlebars.js?。