Question

我有一个使用Backbone.js呈现视图并从胡子模板插入内容的应用程序。它适用于除IE8及更低版本之外的所有浏览器。

在我的Backbone视图之上，我有这个：

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>

没有开放</div>

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

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

   ...

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

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

</script>

骨干模板不能在IE8中呈现

1 个答案: