在 jQueryUI Slider 仍在被拖动时停止它

Question

这是我的问题：
如何在滑块仍被拖动时保持其位置？

这是我的 jsFiddle： http://jsfiddle.net/timothybolton/Nbd8c/1/

这是我的情况：
我有一个可拖动的图像（称为“可拖动图像”），它位于控制“可拖动图像”边界的父 div （称为“父 div”）内。 “可拖动图像”的大小由滑块控制。

问题出现了，当我将“可拖动图像”变小并将其放置在“父 div”的边缘附近时，如果我将其滑动以使其变大，它将超出边界。

这不是我们想要的效果。我想要的是让滑块停止移动，并且不再调整它的大小。

我已经进行了计算以找出何时超出边缘，并且它们工作正常。我可以让图像停止调整大小，但我无法阻止滑块移动。

我尝试过“禁用”和“停止”。但据我所知，“停止”仅在用户停止事件时才有效。

任何帮助将不胜感激。

Answer 1

如果您在满足这些条件时在滑动事件中执行return false;，则滑动将被禁用。在您将可拖动对象移动到不再满足您的条件的位置之前，它将保持禁用状态。

您可能希望使您的检查条件更智能，以便即使阻止扩展（滑块增加），冻结的滑块仍然可以减少。