Backbonejs取代$el

Question

我有一个这样实例化的视图：

var myView = new BackboneView({ el: '#some-div'});

在视图呈现函数(我从构造函数中调用)中，我希望替换当前元素(我希望将其包装到另一个div中，或者将另一个元素放在它之前并使新元素成为视图的主元素)。该怎么做呢？我试着这样做：

this.original_el = this.$el;
this.$el.replaceWith('<div class="new-div"></div>');

调试一步一步我看到div在浏览器上被替换了，但this.$el仍然是旧的值。

另一方面，

    this.$el.setElement('<div class="new-div"></div>');

替换.$el，但新的div不会显示在浏览器上。有什么帮助吗？谢谢

Answer 1

我在主干repo on GitHub上发现了一个问题。有很好的理由Backbone不会自动为你做这件事，你可以在那里读到。解决方案是两者兼而有之，替换DOM中的$el并更新Backbone视图。在你的view方法中：

this.$el.replaceWith(newElement)
this.setElement(newElement)