骨干模板无法在IE8中呈现

Question

我有一个使用Backbone.js渲染视图并插入胡子模板中的内容的应用程序。 它在所有浏览器（IE8及更低版本）上均能正常工作。

在我的骨干网视图之上，我有以下内容：

template: $('#leg-template')

并在底部显示以下内容：

render: function () {
var order =  this.model.get('order');   

console.log(this.template.html());

this.$el.html(Mustache.to_html(this.template.html(), { 
leg_number: order
}));

奇怪的是IE8控制台没有引发任何错误，它实际上是在记录与我的模板相对应的HTML，即使我尝试这样做：

$('body').html(this.template.html());

..正文的内容仍为空。 但是，以下工作原理：

$('body').html('test');

请帮忙！ 谢谢！

这是腿模板：

<script type="text/template" id="leg-template">
<div id="leg_{{ leg_number }}" class="row-fluid leg">

<div class="span1">
  <p class="reservFlightLabel">Flight {{ leg_number }}</p>
</div><!--/.span-->

<div class="span2">
  <label class="mobile-only">Origine</label>
  <input type="text" name="from" class="reserv-input" maxlength="200" />
</div><!--/.span-->

<div class="span1">
  <div class="white-arrow"></div>
</div><!--/.span-->

<div class="span2">
  <label class="mobile-only">Destination</label>
  <input type="text" name="to" class="reserv-input" maxlength="200" />
</div><!--/.span-->

<div class="span2">
  <label class="mobile-only">Date de d&#233;part</label>
  <input type="text" name="date" class="reserv-input datepicker" maxlength="200" readonly="readonly" />
</div><!--/.span-->

<div class="span2">
  <label class="mobile-only">Heure de d&#233;part *</label>
  <input type="text" name="time" class="reserv-input" maxlength="5" value="00:00" />
</div><!--/.span-->

<div class="span2">
  <label class="mobile-only">Nom. de passagers</label>
  <input type="text" name="pax" class="reserv-input" maxlength="2" value="1" />
</div><!--/.span-->

</div><!--/.leg-->

</div><!--/.row-fluid (.legs-wrap)-->       
</script>

Answer 1

该结束行</div><!--/.row-fluid (.legs-wrap)-->没有打开<div> </div><!--/.row-fluid (.legs-wrap)-->

<script type="text/template" id="leg-template">

<div id="leg_{{ leg_number }}" class="row-fluid leg">

   ...

</div><!--/.leg-->

</div><!--/.row-fluid (.legs-wrap)-->       

</script>