Uncaught Error: Method "undefined" does not exist backbone.js:1291

Question

Really scratching my head now. what is wrong with the following backbone.js code? It keeps complaining "Uncaught Error: Method "undefined" does not exist backbone.js:1291"

Failed code is here: http://jsfiddle.net/toeinriver/ntK7r/19/

(function($){
    var Person = Backbone.Model.extend({
        defaults:{
         age: 0,
         name: "tom" 
        }
    });

    var People = Backbone.Collection.extend({
        model: Person});

    ListView = Backbone.View.extend({
        el: $("body"),
        events: {
            "click button#btn": this.addItem
        },
        initialize: function(){
            this.count = 0;
            _.bindAll(this, "render", "appendItem","addItem");
            this.collection = new People();
            this.collection.bind("add", this.appendItem);
            this.counter = 0;
            this.render();
        },
        render: function(){
            var self = this;
            $(this.el).append("<button id='btn'>Press me</button>");
            $(this.el).append("<ul></ul>");
            _(this.collection.models).each(function(item){
                self.appendItem(item);
                this.count+=1;
            },this);
        },
        appendItem: function(item){
            $("ul", this.el).append("<li>" + item.get("name") +" at" + item.get("age") + "</li>");
        },
        addItem: function(){
            var p = new Person();
            p.set({age:this.count});
            this.count += 1;
            this.collection.add(p);
        }
    });

    var listView = new ListView();


})(jQuery);

You forgot to add a callback somewhere. Open backbone.js on line 1291 and see what it is trying to call. — Ярослав Рахматуллин, Oct 18 '12 at 01:41
I get `TypeError: Cannot read property 'bind' of undefined` on Chrome on a Mac when I try to run your JSFiddle. Which browser are you running it in? — Ratan Sebastian, Oct 18 '12 at 01:57
@rjsvaljean, I got the said error using uncompressed backbone.js. Compressed version will give the error you said. — lkahtz, Oct 18 '12 at 03:06

score 2 · Accepted Answer · answered Oct 18 '12 at 02:05

2

events: {
  "click button#btn": "addItem"
},

answered Oct 18 '12 at 02:05

Matt Whipple

7,034
1
23
34

Uncaught Error: Method "undefined" does not exist backbone.js:1291

1 Answers1