主干渲染查看更新模型

Question

我正在使用backbone.js编写一个示例应用程序。连接到el的孩子

在我的模型的更新我重新渲染这种方式

$('.target').html(""); 
$('.target').append(this.$el.html(this.template(model))) 

我认为一旦视图模型更新[上改变事件]后重新渲染，事件得到失去[似乎不像jQuery直播]。这是一个已知的问题，还是我错过了什么？我应该尝试替换HTML而不是append？ fiddle

Answer 1

一旦视图在DOM中，您不需要继续删除并追加它。我认为管理这个最简单的方法是从视图中删除DOM插入，并让view.render的调用者来处理它。

查看：

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

来电（在第一次渲染）：

var view = new SomeView(); 
$('.target').append(view.render().el); 

在随后的呈现：视图已经被渲染成DOM

view.render(); 

后，它可以愉快地保持重新呈现自己而不必了解父视图。事件绑定也应该在渲染之间保持完好。