動的に生成されたバックボーンのボタンにイベントをバインドする方法はありますか？

Question

backbone.jsの動的生成ボタンでクリックイベントをバインドするにはどうすればよいですか？ #display-nodesノードをクリックすると

window.PackageView = Backbone.View.extend({ 

    tagName: "div", 

    className: "package-template", 

    events:{ 
     'click #display-nodes' : 'main', // This button is declared in my HTML code and calls main method successfully. 
     'click .display'  : 'disp', // This is dynamic button generated with class as display 
    }, 

    getAction: function(nodeId){ // Get Actions from NodeId and generate buttons 
     $('.nodes').append("<button>" + action.Name + "</button>"); //Generate Buttons 
     $(".nodes button").addClass("display"); 
    }, 

    disp: function(){ 
     alert("Inside Disp Function"); 
    }, 

は、必要に応じて表示されますが.displayが動作していません。このボタンで関数を呼び出すにはどうすればよいですか？

Answer 1

動的に生成されたDOM要素がビューのelの子孫である限り、バックボーンビューは動的に生成されたDOM要素からイベントを受信できます（eventsプロパティを使用）。関連コードはdelegateEvents()です。それは、jQueryのdelegate()セレクタメソッドを使用します。

新しく作成された<button>がビューのelの子孫ではない可能性が最も高いです。私は正しい？

このような場合は、あなたは、ビューのelの外の要素を保持する場合は、あなたのビューのinit方法で別の要素の上にあなたのビューのevents財産とデリゲートから削除することができます。