Magic events not tied to the dom element

Question

In one of my views, I have:

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

then

doSomething: function(){
    ...
},

This is a repeating structure in my views, but for some reason the doSomething function is not triggered by clicking in that view.

When are items associated with an event?

Any debugging tips?

+5

captDaylight 15 sept. '12 at 0:13

2 answers

Array out of bound · Answer 1 · 2012-09-15T04:49:39+0000

Lowering the selector causes the event to bind to the root element of the view ( this.el).

if your class="tab"is a DOM views element this.el, then you should bind the event as

events : {
  'click' : 'dosomething'
}

and for the inner element in this.elfor example

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

,

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

Peter Lyons · Answer 2 · 2012-09-15T00:16:07+0000

delegateEvents .

this.delegateEvents() render this. this.el initialize render , ?