javascript - 是否将多个事件添加到内部 View 主干？

Question

所以这里我有两个 View addBook 和 showBooks ，想法是，当我单击按钮时，它应该将书名和作者添加到 DOM 中，它是

，我应该能够点击它。但问题是为每个

元素添加了多个事件处理程序。也就是说，对于每个新的内部 View ，都会添加多个点击事件，我在主干中是相当新的，而且我仍然处于黑暗中 这是我的代码，首先是外部 View

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;

现在是第二个内部 View

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/