我正在使用Backbone.js + jQuery + underscore.js(库已成功完成加载),这是我的代码:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="jslib/jquery-1.9.1.min.js"></script>
<script src="jslib/underscore.js"></script>
<script src="jslib/backbone.js"></script>
<script>
$(function () {
var Person = Backbone.Model.extend(
{
default:
{
name: "",
age: 0
}
});
var PeopleList = Backbone.Collection.extend(
{
model: Person
});
var peoplelist = new PeopleList();
for (var i = 1; i < 11; ++i) {
var p = new Person();
p.set("name", "Name" + i);
p.set("age", parseInt(Math.random() * 50));
peoplelist.add(p);
}
var myView = Backbone.View.extend(
{
el: "#mydiv",
template: "",
render: function () {
for (var i = 0; i < peoplelist.length; ++i) {
$(this.el).html(this.template(peoplelist.at(i).toJSON()));
}
},
constructor: function () {
var htmltext = $("#templaterow").html();
this.template = _.template(htmltext);
this.render();
}
});
var mv = new myView();
})
</script>
</head>
<body>
<div id="mydiv">
<table>
<script type="text/template" id="templaterow">
<tr>
<td><%= name></td>
<td><%= age%></td>
</tr>
</script>
</table>
</div>
</body>
</html>
现在我的问题是在IE中运行时,它显示了这个:
那么,我的代码出了什么问题?
答案 0 :(得分:0)
您是否错过%
中的结束<td><%= name></td>
?将其更改为
<td><%= name %></td>