रीढ़ की हड्डी में कार्य शुरू करने के बाद डीओएम को ईवेंट कैसे बाध्य करें?

Question

मेरे पास रीढ़ की हड्डी का दृश्य है जो डीओएम में किसी तत्व को क्रियान्वित करता है। समस्या यह है कि घटनाओं को बुलाए जाने पर डीओएम तत्व प्रस्तुत नहीं किया गया है। मेरे कोड इस तरह दिखता है:

// Change the focus to a full goal view 
    var GoalFullView = Backbone.View.extend({ 

    // Bind the goal full view 
    el: $("#main"), 

    // Events for making changes to the goal 
    events: { 
     "keypress #goal-update": "createOnEnter", 
    }, 

    // Cache the template for the goal full view 
    template: _.template($("#goal-full-template").html()), 

    // Render the goal full and all of its goal updates 
    initialize: function() { 
     this.render(); 
     this.collection = new GoalUpdateList; 
     this.collection.bind('add', this.addOne, this); 
     this.collection.bind('reset', this.addAll, this); 

     this.collection.fetch(); 
    }, 

आप देख सकते हैं, इस घटना के लिए बाध्य तो यह डोम तत्व का पता नहीं लगा सकते हैं क्योंकि यह गाया नहीं किया गया है आरंभीकरण पहले होता है। आरंभ करने के बाद तक मैं ईवेंट बाध्यकारी में देरी कैसे कर सकता हूं?

संपादित करें 1: हम्म, मैं एक कंसोल लॉग करते हैं, और यह एक कुंजी दबाने पर कुछ बाहर प्रिंट, लेकिन मैं अपने Chrome के डेवलपर कंसोल में इस संदेश प्राप्त हो रहा:

Uncaught TypeError: Cannot call method 'apply' of undefined 

इसका क्या मतलब है?

Answer 1

जैसा कि मुझे उम्मीद है कि समस्या किसी अन्य जगह पर है।

डीओएम events डीओएम तत्व वास्तविक मौजूद होने से पहले बाध्यकारी घोषणा की जा सकती है।

मुझे लगता है कि यह कोड उदाहरण उस स्थिति को पुन: उत्पन्न करता है जो आप बात कर रहे हैं और अभी भी DOM event सही ढंग से बाध्य है।

var View = Backbone.View.extend({ 
    events: { 
    "click #link": "click" 
    }, 

    click: function(){ 
    console.log("click event"); 
    }, 

    render: function(){ 
    this.$el.html("<a href='#' id='link' onclick='return false'>link</a>"); 
    } 
}); 

new View({ el: "body" }).render();​ 

चेक jsfiddle example code