代码之家 › 专栏 › 技术社区 › Gabe Rainbow

骨干事件被多次激发

backbone.js jquery javascript

Gabe Rainbow · 技术社区 · 11 年前

我有一个EditorView子视图与一个关联 Model 它呈现一系列表单元素(输入复选框、文本区域)。

我的ListView创建 一个也是唯一一个 编辑器子视图。ListView通过以下方式创建EditorView new EditorView(model: this.model). render(); 单击ListView中的项目。

这很管用。

但是,当事件附加到编辑器子视图时

  // Bind to all properties in the view
  events: {
     "click input.isactive":  "editActive"
  },

该事件被多次触发。。。每一次先前加载的编辑器视图。就好像许多人的html仍然存在一样。但是检查DOM(在Firefox中)只显示一个EditorView的html。

我在EditorView中使用了.html(字符串),我认为它会取代'el'元素中以前的html。

     var compiledTemplate = _.template( Template, data ); // Merge model with template
     this.$el.html( compiledTemplate );  // replace the previous html if any. ?? OR NOT!! SOAD

谢谢

编辑器视图

  el: ".editor",

  tagName: "ul",

  className : "striped",

  events: {
     "click .isactive":  "editActive"
  },

  render : function() {

     var data = {
       item: this.model,
       _: _ 
     };

     var compiledTemplate = _.template( Template, data ); // Merge model with template
     this.$el.empty().html( compiledTemplate );  // replace the previous html 
     return this;
  },


  editActive: function(e) {
        e.preventDefault();
        var x = this.$('.isactive').prop('checked'); // property of input checkbox
        alert('click'+x);

        var y = this.model.set('Active', x);
  }