रीढ़ की घटनाओं डोम तत्व

Question

के लिए बाध्य नहीं मेरे विचार से एक में मेरे पास है:

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

तो:

doSomething: function(){ 
    ... 
}, 

यह मेरे विचार में एक आवर्ती संरचना है, लेकिन किसी कारण 'DoSomething के लिए 'इस दृश्य में क्लिक द्वारा फ़ंक्शन ट्रिगर नहीं किया जा रहा है।

घटनाओं के लिए बाध्य होने वाले तत्व कब हैं?

इसे डीबग करने पर कोई सुझाव?

Answer 1

प्रतिनिधिमंडल व्यू कन्स्ट्रक्टर के अंत में delegateEvents विधि के दौरान होता है।

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

this लौटने से पहले this.delegateEvents()render अंदर बुला मैन्युअल की कोशिश करो। क्या आप this.el के साथ अपने initialize या render विधियों के अंदर फ़ुटज़िंग कर रहे हैं जिस तरह से रीढ़ की हड्डी की उम्मीद नहीं है? यहाँ बेला के लिए

Answer 2

लिंक: http://jsfiddle.net/7xRak/

चयनकर्ता छोड़ना घटना को देखने के मूल तत्व (this.el) करने के लिए बाध्य होने के लिए कारण बनता है।

अपने class="tab" है विचारों डोम तत्व का मतलब है अगर 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