xクリックでタブを閉じる方法は？

Question

下記の「x」要素をクリックするとタブを閉じる処理ができません。タブは、左側にクリックされたモデルの属性です。だから私はそれを閉じようとしていたが、私はそれを扱うことができない。ここで

は、私はXの要素の上にそれを閉じる必要があり、それがどのように見えるかです：ここでは

は、私の見解は、私はそのタブ、名前と内のテキストをレンダリングするよレンダリングでは、それ。タブタイトルの右側にあるx要素をクリックすると、タブを閉じることができます。関数 "close"を書く必要があるかどうかわからない。

var DocView = Backbone.View.extend({ 
    el: $("#doc"), 
    events: { 
    "click #remove": "close", 
    }, 
    template: _.template($('#doc-template').html()), 
    initialize: function() { 
    this.render(); 
    }, 
    render: function() { 
    this.$el.html(this.template({ 
     attributes1: this.attributes 
    })); 
    console.log(this.attributes); 
    return this; 
    }, 
    close: function(e) { 

    }, 
}); 

誰も私が答えてください助けることができるかどうか。

Answer 1

これはトリック

var DocView = Backbone.View.extend({ 

    el : $("#doc"), 

    events: 
    { 
     "click #remove": "close", 
    }, 

    template: _.template($('#doc-template').html()), 

    initialize: function() 
    { 
     this.render(); 
    }, 

    render: function() 
    { 
     this.$el.html(this.template({attributes1 : this.attributes })); 
     console.log(this.attributes); 
     return this;   
    }, 

    close: function(e) 
    { 
     this.undelegateEvents(); 
     this.$el.empty(); 
     this.stopListening(); 
     return this; 
    }, 
});