如何关闭x点击标签？

Question

单击下面显示的“x”元素时，无法关闭标签。选项卡是左侧单击模型的属性。所以我试图关闭它，但我无法处理它。

以下是它的外观，我需要在x元素上关闭它：

这是我的视图，在渲染我正在渲染该选项卡，其中的名称和文本。当我单击选项卡标题右侧的x元素时，我想关闭选项卡。不知道需要写什么功能“关闭”。

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