Why does my Backbone View button click event not fire

Question

I know this has been asked on here in some form but I didn't see any that matched my scenario really. I'm new to Backbone am still trying to get a handle on how to structure my test app.

After reading this I think I addressed the "DOM not ready issue" but maybe not Any thoughts?

score 2 · Answer 1 · answered Apr 12 '12 at 22:57

Alternatively, you can set the element as a property like so:

MyApp.AppView = Backbone.View.extend({
    el: $('body'),
    initialize: function() {
    },
    events: {
        "click #clickMe": "doWork"
    },

    doWork: function(evt) {
        evt.preventDefault();
        alert("Work Done!!!!");
    }

});

score 1 · Accepted Answer · answered Apr 12 '12 at 22:52

1

If you pass in el on instantiation rather than setting it in the initialization function, it will work as expected.

var mainView = new MyApp.AppView({ el: $("body") });

answered Apr 12 '12 at 22:52

Skylar Anderson

5,643
1
25
34

That does work. However, I was thinking that setting el in the initialize method would take care of having to supply el in the constructor. Any idea why that's not the case in my scenario? – John Apr 13 '12 at 19:03

Why does my Backbone View button click event not fire

2 Answers2