Javascript 主干模板未在IE8中呈现

Javascript 主干模板未在IE8中呈现,javascript,jquery,internet-explorer,backbone.js,internet-explorer-8,Javascript,Jquery,Internet Explorer,Backbone.js,Internet Explorer 8,我有一个应用程序,它使用Backbone.js呈现视图并插入来自mustache模板的内容。它在除IE8和更低版本之外的所有浏览器中都可以正常工作 在我的主干视图之上,我有以下内容: template: $('#leg-template') 在底部有以下内容: render: function () { var order = this.model.get('order'); console.log(this.template.html()); this.$el.html(Must

我有一个应用程序,它使用Backbone.js呈现视图并插入来自mustache模板的内容。它在除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>

航班{{leg_number}

原籍 目的地 日期é;部分 第233号住宅区;部分* 笔名。乘客
此结束行没有开始


...

确保您添加的HTML有效(所有标记匹配等),否则,即可能无法替换您现有的HTML。我已更新帖子并添加了#leg模板。感谢你有一个额外的
标签;尝试不使用?这解决了问题!谢谢
<script type="text/template" id="leg-template">

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

   ...

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

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

</script>