Unbind onchange而不触发它

Question

I have some controls each of which updates the others on change. To prevent recursion I had thought to unbind the onchange event at the start of the event handler (one handler is shared by the controls concerned) and then rebind it after updating the dependents. All controls involved are tagged with the DateBoundControl class for convenient reference, and I have verified that the expected controls are returned by the jquery expression.

The problem code looks like this:

function onDateBoundChange(evt) {
  $(".DateBoundControl").change();
  //do stuff to other controls that use this change handler
  $(".DateBoundControl").change(onDateBoundChange);
}

However, $(".DateBoundControl").change(); seems to trigger the change event.

Is there something I've missed? Is there some flaw in my attempt to unbind the handlers?

Answer 1

However, $(".DateBoundControl").change(); seems to trigger the change event.

As the documentation clearly states , that's exactly what it's supposed to do.

You're looking for the off() method , which unbinds an event.

Answer 2

Try this :

function onDateBoundChange(evt) {
  $(".DateBoundControl").unbind('change', onDateBoundChange);
  //do stuff to other controls that use this change handler
  $(".DateBoundControl").bind('change', onDateBoundChange);
}