CODEWITHSUNDEEP
javascripteventsbackbone.jscoffeescript
praks5432
praks5432

Reputation: 7792

Unbind Backbone View Events

I have the falling events hash -

events:
  'click #someButton : 'someFunction'

To close the view I have tried 

close:
  $("#someButton").unbind("click")

and 

   `close:

       $("#someButton").remove()`

But someFunction is still being fired more than once. How do I unbind this event from the button?

I've also tried 

$(@el).find("#someButton").unbind("click") as well

Upvotes: 13

Views: 17212

Answers (3)

Chad
Chad

Reputation: 618

To add further, I used this.$el.off(); inside an initialize within a subview to destroy all events tied to the subview. The same event would fire X number of times a data refresh was called.

I saw the duplicated targets using:

var $target = $(e.currentTarget);
console.log($target);

I would add a comment to an answer, but I have low reputation.

Upvotes: 0

Rafael Eyng
Rafael Eyng

Reputation: 4960

Jack's explanation and answer are great. Unfortunately, his code example didn't work for me. Instead of using:

 $(this.el).off('click', '#someButton');

I had to use:

 this.$el.off('click', '#someButton');

which makes sense to me, because the event was bound to this.$el object.

Upvotes: 0

Jack
Jack

Reputation: 10993

Backbone.js view events are delegated to the view's el (so there is no event bound to your #someButton element but rather when a click event bubbles up to the el it checks to see if the event came from an element matching that selector), that being the case to remove the event you need to remove it from the el, for example 

  $(this.el).off('click', '#someButton');

If you want to remove all delegated events you can just use the view's undelegate method

Upvotes: 29

Related Questions