Mustache.js：我如何添加外部模板

嗨，我是这个Mustache.js的新手我有一个模板和js代码如下

var template = $('#pageTpl').html(); var html = Mustache.to_html(template, data); $('#sampleArea').html(html); 

这是模板代码：

  
 
 
 Device Page 
 
 
  
 
  

当我将模板脚本保存在html页面时，此代码工作正常。 但我想分开保留模板并使用它。 有没有办法做到这一点？

Answer 1

 $(document).on('pageinit', function() { $.getJSON('assets/data/channels.json', {}, function(channelData, textStatus, jqXHr) { var channelList = $('#channels'); $.get('assets/templates/channelList.mustache.html', function(template, textStatus, jqXhr) { channelList.append(Mustache.render($(template).filter('#channelTpl').html(), channelData)) channelList.listview("refresh"); }); }); }); 

资料来源： http ： //www.levihackwith.com/how-to-load-mustache-js-templates-from-an-external-file-with-jquery/