是否将多个事件添加到内部视图主干？

Question

所以在这里我有两个视图addBook和showBooks，想法是，当我单击一个按钮时，应该在DOM中添加书名和作者

，我应该可以单击它。 但是问题是每个

元素添加了多个事件处理程序。 也就是说，对于每个新的内部视图，都添加了一个以上的单击事件，我在骨干领域还很新，但我仍然在黑暗中这是我的代码，首先是外部视图

 var addBook = Backbone.View.extend({ el : $('#addbook'), model : bookmodel, template : _.template(addbookTemplate,{}), initialize : function(val){ this.el.html(this.template); bookcollection.bind('add', this.showOff) }, render : function(){ }, events : { 'click #addbookbutton' : 'addHandler' }, addHandler : function(){ var book = new this.model; book.addValues($('#bookname').val(), $('#bookauthor').val()); bookcollection.add(book); }, showOff : function(buk){ this.xx = new showval({model: buk}); $('#fatman').append((this.xx.render().el)); } }); return addBook; 

现在第二个和内部视图

 var showbooks = Backbone.View.extend({ events : { 'click .individual' : 'deleteHandler' }, initialize : function(values){ _.bindAll(this); /*if(values){*/ //return this.template; //} //values = (values == "") ? {} : values; this.el.append(this.template); }, render : function(){ this.el = _.template(show, {name : "Max", author : "jk"}); this.delegateEvents(); return this; }, deleteHandler : function(e){ alert("this kills me") } }); return showbooks; 

现在这是我单击按钮时出现的问题

被添加到DOM按钮中，但是每个新li都会触发一个警报...非常感谢您的帮助，我知道我缺少一些关键点..！

Answer 1

我已经接受了您的代码，并对其做了些微更改。 我创建了2个Backbone.View ，一个作为容器，一个用于书籍。 这很粗糙，但是希望可以让您知道哪里出了问题。 http://jsfiddle.net/cQEu2/