Best way to remove an event handler in jQuery?

If you want to respond to an event just one time, the following syntax should be really helpful:

 $('.myLink').bind('click', function() {

   //do some things



   $(this).unbind('click', arguments.callee); //unbind just this handler

 });

Using arguments.callee, we can ensure that the one specific anonymous-function handler is removed, and thus, have a single time handler for a given event. Hope this helps others.

3 years ago

$('#myimage:not(.disabled)').live('click', myclickevent);

$('#mydisablebutton').click( function () { $('#myimage').addClass('disabled'); });

What will happen with this code is that when you click #mydisablebutton, it will add the class disabled to the #myimage element. This will make it so that the selector no longer matches the element and the event will not be fired until the 'disabled' class is removed making the .live() selector valid again.

This has other benefits by adding styling based on that class as well.

3 years ago