backbone.js點擊事件未註冊

Question

我一直無法通過我的item_match_result函數獲取點擊事件。

我已經嘗試將item_match_result放入ItemList視圖中，因爲它是父類，但無法使其工作，它確實屬於ItemMatch視圖。

有什麼建議？

MyApp.Views.ItemList = Backbone.View.extend({ 
    tagName: 'li', 
    className:'item_list', 
    ... 

    render_item_match: function(model){ 
      var item_match = new MyApp.Views.ItemMatch({model:model}); 
     $(this.el).append(item_match.el); 
     } 


}); 

MyApp.Views.ItemMatch = Backbone.View.extend({ 
    tagName: 'a', 
    className: 'item_match_result', 

    initialize: function(){ 
     _.bindAll(this,"item_match_result"); 
     this.render(); 
    }, 


    events : { 
     "click a.item_result": "item_match_result" 
    }, 

    render : function(){ 
     this.el = HandlebarsTemplates['items/itemSearchResultItem'](this.model.attributes); 

    }, 

    item_match_result: function(){ 
    console.log(this); 
    } 
}); 


}) 

Answer 1

您不能替換this.el並使其仍然有效。你只是殺死了事件綁定的元素。如果你這樣做，你需要再次運行this.delegateEvents()來重新綁定它。

MyApp.Views.ItemMatch = Backbone.View.extend({ 
    tagName: 'a', 
    className: 'item_match_result', 

    initialize: function(){ 
     _.bindAll(this,"item_match_result"); 
     this.render(); 
    }, 


    events : { 
     "click a.item_result": "item_match_result" 
    }, 

    render : function(){ 
     this.el = HandlebarsTemplates['items/itemSearchResultItem'](this.model.attributes); 

     this.delegateEvents() 

    }, 

    item_match_result: function(){ 
    console.log(this); 
    } 
});