javascript - Backbone.View "el" の混乱

Question

ビューをどのようelに処理する必要がありますか? 設定する必要があります。そうしないと、イベントは発生しません (こちらを参照)。

しかし、それはすでにページ上にある要素であるべきでしょうか? 私のアプリでは、(jQuery テンプレート) テンプレートを Fancybox にレンダリングします。elその場合はどうすればいいですか？

Answer 1

少し古いですが、私も混乱していたので、ここに来る他の人にとっては、このフィドルが役立つかもしれません - http://jsfiddle.net/hRndn/2/

var MyView = Backbone.View.extend({

    events: {
        "click .btn" : "sayHello",
    },

    sayHello : function() {
        alert("Hello");
    },


    render : function() {
        this.$el.html("<input type='button' class='btn' value='Say Hello'></input>");

    }
});

$(function() {
    myView = new MyView({el:"#parent_id"});
    myView.render();
});

Answer 2

'el'が、ビューの変更をトリガーするイベントを持つ子要素を含む要素を参照するようにします。「body」タグと同じ幅にすることができます。