Accepted answer

according to the docs, use the change callback and not the slide callback (bolding mine):

slide( event, ui )type: slide

triggered on every mouse move during slide. the value provided in the event as ui.value represents the value that the handle will have as a result of the current movement. canceling the event will prevent the handle from moving and the handle will continue to have its previous value.

change( event, ui )type: slidechange

triggered after the user slides a handle, if the value has changed; or if the value is changed programmatically via the value method.

updated fiddle.

Related Query

More Query from same tag