從Ajax調用多個Handlerbars JS模板調用

Question

我想使用Ajax來加載包含多個Handlerbars模板的html頁面。我有一個調用，比如：

$.ajax({ 
     url: optList.baseURL + "/HandlerBarTemplate.html", 
     type: "GET", 
     contentType: "application/json; charset=utf-8", 
     dataType: "json", 
     cache: true, 
     async: false, 
     success: function (data) { 
      source = data; 
      $('#hbList').html(source);   
     }, 
     error: function (xhr, status, error) { 
      alert(error); 
     } 
    }); 

我在HTML模板是這樣的：

<script id="item-panel-template1" type="text/x-handlebars-template"> 

<script id="item-panel-template2" type="text/x-handlebars-template"> 

... 

我見過有一個文件中的個人模板的例子，但還沒有看到任何一個地方文件包含多個模板。

Answer 1

得到這個工作，通過改變與模板的擴展名爲.txt

$.ajax({ 
     url: optList.baseURL + "/HandlerBarTemplate.txt", 
     type: "GET", 
     contentType: "application/json; charset=utf-8", 
     dataType: "json", 
     success: function (data) { 
      source = data; 
      $('#hbList').html(source);   
     }, 
     error: function (xhr, status, error) { 
      alert(error); 
     } 
    }); 

我當時能夠使用模板，因爲如果他們在html是內聯。