Wie schließe ich die Registerkarte auf dem x klicken?

Question

Ich kann nicht umgehen, um die Registerkarte beim Klicken auf das "x" Element unten zu schließen. Die Registerkarten sind die Attribute des angeklickten Modells auf der linken Seite. Also habe ich versucht, es zu schließen, aber ich kann damit nicht umgehen.

Hier ist, wie es aussieht, muss ich es auf dem x-Element schließen:

hier meiner Ansicht nach, in der Render ich, dass Registerkarte Rendering, den Namen und den Text nach innen es. Und ich möchte die Registerkarte schließen, wenn ich auf das X-Element rechts neben dem Tab-Titel klicke. Ich weiß nicht, was ich brauche, um die Funktion "Schließen" zu schreiben.

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) { 

    }, 
}); 

wenn jemand mir helfen kann, bitte beantworten.

Answer 1

sollte dies tun, den Trick

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; 
    }, 
});