Question

我想在创建新视图之前删除视图。但我的要求是view.remove()应删除视图但不删除el元素。话虽如此，我不想设置tagName，因为它创建了一个不必要的新元素。有没有办法从内存中删除视图，而el内容已被清除？

Answer 1

您可以在抽象视图中覆盖Backbone的视图remove方法：

remove: function() {
  // this._removeElement();
  this.$el.empty();
  this.stopListening();
  return this;
}

默认源代码：http://backbonejs.org/docs/backbone.html#section-158

Answer 2

我之前用一次性发射器视图解决了这个问题。

确保您的html包含一次性视图的（类或id）锚点： <div class="content-container"></div>

然后制作一个LauncherView：

var LauncherView = Backbone.View.extend({
    initialize: function(options) {
        this.render();
    },

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

    // inner views will be bound to ".launcher-container" via
    // their .el property passed into the options hash.
    template: _.template('<div class="launcher-container"></div>')
});

然后实例化您的一次性发射器视图：

app.currentLauncherView = new LauncherView({});

并将其附加到DOM锚点： $('.content-container').append(app.currentLauncherView.el);

然后您可以实例化将附加到一次性启动器视图的视图： app.throwAway1 = new DisposableView({el: '.launcher-container'});

然后当你想破坏那个视图时，你可以这样做：

app.throwAway1.off();
app.throwAway1.remove();
app.currentLauncherView.remove();

然后你可以通过实例化一个新的LauncherView，将它附加到DOM，并通过将它绑定到'.launcher-container'来显示你的下一个视图来建立一个新的视图。

app.currentLauncherView = new LauncherView({});
$('.content-container').append(app.currentLauncherView.el);
app.throwAway2 = new DisposableView({el: '.launcher-container'});

如何防止主干remove（）在视图中删除“el”？

2 个答案: