骨干事件不绑定到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