ビューを次のようにレンダリングしたところ:
render: function() {
this.$el.html(this.template(this.model.toJSON()));
return this;
},
テンプレートの子要素の 1 つを参照して、それに jQuery 関数を適用するにはどうすればよいですか?
ビューを次のようにレンダリングしたところ:
render: function() {
this.$el.html(this.template(this.model.toJSON()));
return this;
},
テンプレートの子要素の 1 つを参照して、それに jQuery 関数を適用するにはどうすればよいですか?
Backbone Viewsは、内部で jQuery を使用するドル$
関数を公開しますが、ビュー自体のコンテキスト内で使用します。
this.$('.child_element_of_my_view_template')
これは、ビューが切り離されていても ( $el
DOM ではなく) 機能しますが、明らかに、選択したい要素がビュー内に存在する (に追加されている$el
) までにのみ機能します。
これは、関数の最初の行の後で安全に使用できることを意味しますrender
。
this.$el は通常の jQuery 要素になり、.children を呼び出すことができます:
this.$el.children()
必要な jQuery セレクターを使用するか、その後に .eq(index) を使用します