Javascript 加载和编译外部把手模板？

我试图用手柄来驱动一个显示本地HTML文件的信息亭。这些文件使用Javascript获取远程内容，Handlebar控制模板/输出

我想做的是将Handlebar模板保存在自己的目录中，当与按钮（链接）交互时，将这些模板注入页面，然后用AJAX响应填充内容

除了模板输出之外，我的一切都正常工作：

链接示例：

<a href="#" onclick="Kiosk.history(); return false;">History</a></li>

车把文件：

<div class="row" id="history">
  <div class="large-10 columns large-offset-1">
    <script id="hb-history" type="text/x-handlebars-template">
      <h2>{{ title }}</h2>

      {{ body }}
    </script>should have a template here
  </div>
</div>

{{title}}
{{body}}
这里应该有一个模板

---

我似乎遗漏了一些东西，因为#main content div从未使用动态模板更新，只有输出“这里应该是模板”。

哦，就在我面前。模板中不需要脚本标记

<div class="row" id="history">
  <div class="large-10 columns large-offset-1">
    <script id="hb-history" type="text/x-handlebars-template">
      <h2>{{ title }}</h2>

      {{ body }}
    </script>should have a template here
  </div>
</div>