Delegating an Event Twice

Question

This delegate event is fired twice (not always, sometimes).

client.bindButtonClickFunction = function(){ $("#client-plugin").delegate(".client-button", "click", function() { var id = this.id.split('-')[2]; client.retrieveMessageByID(id); }); }; 

I call the function after inserting all the ".client-button".

Any thoughts on how to stop it? I tried event.stopPropagation (), as well as undelegating and re-delegating to no avail.

This is in Chrome, as part of the Chrome plugin.

Answer 1

Depending on how you register the delegate you might want to do:

 $("#client-plugin").undelegate('event').delegate('event', ...) 

Also try adding return false from your handler.

Answer 2

You need to stop the immediate spread

  $("#client-plugin").on(".client-button", "click", function (e) { e.stopImmediatePropagation(); var id = this.id.split('-')[2]; client.retrieveMessageByID(id); });