サブビューのレンダリングを担当するスーパービューがあります。スーパービューを再レンダリングすると、サブビューのすべてのイベントが失われます。
これは例です:
var SubView = Backbone.View.extend({
events: {
"click": "click"
},
click: function(){
console.log( "click!" );
},
render: function(){
this.$el.html( "click me" );
return this;
}
});
var Composer = Backbone.View.extend({
initialize: function(){
this.subView = new SubView();
},
render: function(){
this.$el.html( this.subView.render().el );
}
});
var composer = new Composer({el: $('#composer')});
composer.render();
クリックミーdivをクリックすると、イベントがトリガーされます。もう一度実行するcomposer.render()
と、すべてがほぼ同じように見えますが、クリックイベントはトリガーされなくなります。
動作しているjsFiddleを確認してください。