Click event is geting fired twice in modular Backbone application

Question

I am creating a sample Modular backbone application. I am loading different view with the help of router.In one of my view I have a button which has a click event function defined. The problem is When i click this button the click event function is getting called twice.

Any help Would be appreciated!!!!!

below is my code

events: {
    'click #hitMe': 'DisplayStudentColl'
},
DisplayStudentColl: function(e) {
   var data = { };
}

Are you sure you don't have a zombie view? If you don't properly clean things up you can have views bound to events when you think the view no longer exists. Add a `console.log(this.cid)` to `DisplayStudentColl` and see what happens. — mu is too short, Jul 13 '12 at 06:37

score 0 · Answer 1 · answered Jul 13 '12 at 06:42

There's not a lot of code to work with but for debugging this, you could try unbinding the click event immediately before setting up the click event. Failing that there could be an element further up the DOM with the same click event so try isolating the elements you're working with.

score 0 · Answer 2 · edited May 23 '17 at 12:21

0

Your view is certainly not clean

see this: Backbone.js : repopulate or recreate the view?

and http://lostechies.com/derickbailey/2011/09/15/zombies-run-managing-page-transitions-in-backbone-apps/

edited May 23 '17 at 12:21

Community

1
1

answered Jul 13 '12 at 07:22

Justin wong

638
6
15

Click event is geting fired twice in modular Backbone application

2 Answers2