停止一个jQueryUI的滑块，同时它还是被拖入

Question

我的问题是：
如何保持一个滑块的位置，同时仍在拖累呢？

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

这里是我的情况：
我有一个形象，这是可拖动（称之为“可拖动图像”），家长专区内，坐在（称之为“父div“）来控制”可拖动图像“的边界。 “可拖动图像”的大小由滑块控制。

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

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

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

我试过“禁用”和“停止”。但从我所知道的来说，“停止”仅在用户停止事件时才起作用。

任何帮助将不胜感激。

Answer 1

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

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