events - 主干事件未绑定(bind)到 dom 元素

Question

在我的一个观点中，我有:

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

然后:

doSomething: function(){
    ...
},

在我看来，这是一个重复出现的结构，但由于某种原因，此 View 中的单击不会触发“doSomething”功能。

元素何时绑定(bind)到事件？

关于调试的任何提示？

Answer 1

fiddle 链接:http://jsfiddle.net/7xRak/

省略选择器会导致事件绑定(bind)到 View 的根元素 (this.el)。

如果您的 class="tab"是 View DOM 元素的意思是 this.el那么你应该将事件绑定(bind)为

events : {
  'click' : 'dosomething'
}

对于 this.el 中的内部元素像

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

那么你应该将事件绑定(bind)为，

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

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