バックボーン削除ビューでelを削除します

Question

私は1ページアプリケーションを作成しています。私はバックボーンが非常に新しくなっています。私は同じラッパーdivを使用する複数のビューを作成することに問題があります。

マイセットアップ：

私はすべてのビューに近い機能を追加しました：

Backbone.View.prototype.close = function(){ 
    this.remove(); 
    this.off(); 
    if (this.onClose){ 
     this.onClose(); 
    } 
} 

私は、ビューをレンダリングそれらを削除し、新しいものをレンダリングするラッパーのdivを持っています。だから私のSetupViewは次のようになります。私は閉じ意見を交換機能から

app.SetupView = Backbone.View.extend({ 
    el: '#my_view_wrapper', 
    ... 
}); 

このような電流（オープン）ビュー：私の問題があることである

var v = this.model.get('view'); 
v.close(); 

質問私は同じラッパーdivを使用して複数のビューを持っています。しかし、ビューを閉じると、このwrapper-divが削除されているように見えます。作成しようとする次のビューでは、このdivは見つかりません。

私は簡単な解決策があると思いますか？私は同じラッパーを再利用し、ラッパー自体ではなく、その内部のビューを削除するだけです。

Answer 1

シナリオでは、既存のDOM要素を「el」値として使用しないでください。バックボーンが要素を作成します。ビューをインスタンス化するときは、既存のラップ要素にアタッチするために次の操作を実行できます。ただ、（後で参照するために）加えとして

$(viewName.render().el).appendTo('#my_view_wrapper'); 

Answer 2

：別のオプションは、それを除去するのではなく、$elを空にするようにサブビューremoveを上書きすることです。例えば。

remove: function() { 
     this.$el.empty().off(); /* off to unbind the events */ 
     this.stopListening(); 
     return this; 
} 

実際には使用していないラッパー要素を挿入する必要がないため、私はこれを好みます。