點擊事件沒有開火！ （backbone.js）

Question

我有一個點擊處理程序爲我的視圖，但它似乎像視圖的el$('#modal')點擊事件處理程序的目標點擊時不觸發。但是當我定位$('modal')的任何孩子時，單擊事件就會觸發。

我猜$('#modal')不被視爲視圖的一部分，因此在events中定義的單擊事件處理程序不起作用。如果是這樣，還有其他解決方法嗎？而不是

ModalView = Backbone.View.extend({ 
    el: $('#modal'), 

    template: _.template($('#tpl_modal').html()), 

    events: { 
     'click #modal': 'closeModal' 
    }, 

    initialize: function() { 
     _.bindAll(this, 'render', 'renderSimilarPosts', 'closeModal'); 
     this.render(); 
    }, 

    render: function() { 
     $(this.el).fadeIn('fast').append(this.template(this.model.toJSON(this.model))); 
    }, 

    closeModal: function() { 
     // some code 
    } 
}); 

Answer 1

：

'click #modal': 'closeModal' 

嘗試：

"click": 'closeModal' 

骨幹事件使用jQuery的delegate功能，應用處理程序（在這種情況下closeModal）來匹配給定誰所有兒童選擇器（在這種情況下爲click #modal）。由於click #modal我們正在尋找名爲#modal的孩子的#modal，沒有找到任何元素。

看看delegate()看看我的意思。