骨幹事件不綁定到DOM元素

Question

在我的意見我有：

events: { 
    'click .tab': 'doSomething', 
}, 

則：

doSomething: function(){ 
    ... 
}, 

這是我的觀點的重複結構，但由於某些原因，「DoSomething的'功能沒有被這個視圖中的點擊觸發。

何時將元素綁定到事件？

關於調試的任何提示？

Answer 1

代表發生在視圖構造函數末尾的delegateEvents方法期間。

http://documentcloud.github.com/backbone/docs/backbone.html#section-144

嘗試手動調用this.delegateEvents()內render返回this之前。您是否在initialize或render方法中使用this.el以骨幹網不期待的方式發送？

Answer 2

鏈接到這裏撥弄：http://jsfiddle.net/7xRak/

省略選擇器導致事件被綁定到視圖的根元素（this.el）。

如果您class="tab"是視圖，DOM元素意味着this.el那麼你應該綁定事件作爲

events : { 
    'click' : 'dosomething' 
} 

，並像

<div class="tab"> 
    <span class="inner"></span> 
</div> 

在this.el內部元件，那麼你應該綁定事件作爲，

events : { 
     'click' : 'dosomething' 
     'click .inner' : 'onInnerClick' 
    } 

文件：http://backbonejs.org/#View-delegateEvents