为什么不使用backbone.js 渲染到我的html 页面
这是我的脚本
<script type="text/javascript" src="/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="/json2.js"></script>
<script type="text/javascript" src="/underscore.js"></script>
<script type="text/javascript" src="/backbone.min.js"></script>
<script>
(function ($) {
var ListView = Backbone.View.extend({
el: $('body'), // el attaches to existing element
events: {
'click button#add': 'addItem'
},
initialize: function () {
_.bindAll(this, 'render', 'addItem'); // every function that uses 'this' as the current object should be in here
this.counter = 0; // total number of items added thus far
this.render();
},
render: function () {
$(this.el).append("<button id='add'>Add list item</button>");
$(this.el).append("<ul></ul>");
},
addItem: function () {
this.counter++;
$('ul', this.el).append("<li>hello world" + this.counter + "</li>");
}
});
var listView = new ListView();
})(jQuery);
</script>