बैकबोन क्लिक इवेंट मॉडल

Question

के बजाय सभी संग्रह के लिए घटनाओं को सक्रिय करता है, यह पता नहीं लगा सकता कि क्या गलत है। जब मैं मॉडल शीर्षक पर क्लिक करता हूं, तो यह एक मॉडल को लाने के बजाय सभी मॉडलों को संग्रह में लाता है। अगर मैं इस घटना को लॉगव्यू से लॉग में ले जाता हूं तो देखें कि यह ठीक से काम करता है लेकिन मॉडल तक पहुंच नहीं है, ठीक है, मैं इंडेक्स या चींटी अन्य मॉडल आईडी का उपयोग करके यह मॉडल पा सकता हूं लेकिन यह नहीं लगता कि यह एक अच्छा तरीका है।

var Log = Backbone.Model.extend({}); 


window.LogsList = Backbone.Collection.extend({ 
    model:Log, 

    url:function (tag) { 
     this.url = '/logs/' + tag; 
     return this; 
    } 
}); 

window.colList = new LogsList(); 

window.logView = Backbone.View.extend({ 
    el:$('.accordion'), 

    template:_.template($('#log').html()), 

    initialize:function() { 
     this.model.bind('add', this.render, this); 
    }, 

    events:{ 
     "click .accordion-toggle" :"getLogBody" 
    }, 

    render:function() { 
     return this.template(this.model.toJSON()); 
    }, 

    getLogBody:function() { 
     this.model.fetch(); 
    } 
}); 

window.LogsView = Backbone.View.extend({ 
    el:$("#content"), 

    initialize:function (options) { 
     colList.bind('reset', this.addAll, this); 
     colList.url(options.data).fetch(); 
    }, 

    addOne:function (model) { 
     var view = new logView({model:model}); 
     $("#accordion").append(view.render()); 
    }, 

    addAll:function() { 
     colList.each(this.addOne); 
    } 
}); 

window.listView = new LogsView({data:"Visa_Cl"}); 

Answer 1

समस्या LogView में अपने el के कारण होता है: el:$('.accordion')

रीढ़ की दृष्टि घटनाओं को देखने के el लिए गुंजाइश है। इस मामले में, आपने व्यू के el को सभी "तत्व" श्रेणी के साथ HTML तत्व निर्दिष्ट किए हैं। इसलिए, जब आप पर इस वर्ग के साथ अपने HTML तत्वों के पर क्लिक करते हैं, तो कोड उन सभी के लिए चलता है, यही कारण है कि आप यह व्यवहार देख रहे हैं।

यह लेख आप क्या चाहते हैं आप कर के लिए कुछ विकल्प दिखाई देंगे, सही ढंग से:

• Backbone.js: Getting The Model For A Clicked Element

मैं भी यह एक पढ़ने की सलाह देते हैं, बेहतर रीढ़ में el के उपयोग को समझने के लिए , और चालें और यह जाल के कुछ:

• Backbone.js: Object Literals, Views Events, jQuery, and el