在jQueryUI Slider被拖动时停止它

Question

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

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

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

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

这不是预期的效果。我想要的是滑块停止移动，而不再调整它。

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

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

非常感谢任何帮助。

Answer 1

如果在满足这些条件的情况下在幻灯片事件中执行return false;，则滑动将被禁用。它将保持禁用状态，直到您将可拖动的移动到不再符合条件的地点为止。

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