Остановка слайдера jQueryUI, пока он все еще перетаскивается

Question

Вот мой вопрос:
Как удерживать положение ползунка, пока он все еще перетаскивается?

Вот мой jsFiddle: http://jsfiddle.net/timothybolton/Nbd8c/1/

Вот моя ситуация:
У меня есть изображение, которое можно перетаскивать (назовите это «перетаскиваемое изображение»), которое находится внутри родительского div (назовите это «родительский div»), которое контролирует границы «draggable image». Размер «перетаскиваемого изображения» контролируется ползунком.

Возникает проблема: когда я уменьшаю «перетаскиваемое изображение» и помещаю его ближе к краю «родительского div», если я перемещаю его, чтобы увеличить его, оно выходит за границы.

Это не желаемый эффект. Я хочу, чтобы слайдер прекратил движение и больше не менял его размеры.

Я выполнил расчеты, чтобы определить, когда он находится за гранью, и они работают нормально. Я могу заставить изображение перестать изменять размер, но не могу остановить перемещение ползунка.

Я попытался «отключить» и «остановить». Но из того, что я могу сказать, «стоп» работает только тогда, когда пользователь останавливает событие.

Любая помощь будет принята с благодарностью.

Answer 1

Если вы выполните return false; в слайде, когда эти условия будут выполнены, скольжение будет отключено. Он будет отключен до тех пор, пока вы не переместите перетаскиваемый объект в место, где ваши условия больше не выполняются.

Возможно, вы захотите сделать условия проверки более умными, чтобы замороженный ползунок можно было уменьшить, даже если расширение (увеличение ползунка) предотвращено.