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