eventi Backbone non vincolante per elemento DOM

Question

In uno dei miei punti di vista che ho:

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

poi:

doSomething: function(){ 
    ... 
}, 

tratta di una struttura ricorrente in mio punto di vista, ma per qualche motivo il 'doSomething 'la funzione non viene attivata dal clic in questa vista.

Quando gli elementi vengono associati all'evento?

Qualche consiglio sul debug di questo?

Answer 1

La delega avviene durante il metodo delegateEvents alla fine del costruttore di viste.

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

Prova manualmente chiamando this.delegateEvents() all'interno render prima di tornare this. Stai svanendo con this.el all'interno dei tuoi metodi initialize o render in un modo che il backbone non si aspetta?

Answer 2

collegamento in violino qui: http://jsfiddle.net/7xRak/

Omettendo il selettore causa l'evento di essere vincolato all'elemento radice della visualizzazione (this.el).

se il class="tab" è elemento di vista DOM significa this.el allora si dovrebbe associare evento come

events : { 
    'click' : 'dosomething' 
} 

e per elemento interno in this.el come

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

allora si dovrebbe associare evento come,

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

documento: http://backbonejs.org/#View-delegateEvents