javascript - 当相关的div标签达到100％时停止可拖动事件？

我试图通过拖动另一个div (class = scale_roll)来拖动div (class =scale_cap)标记。

当div scale_cap拖动时，其相关的scale_roll div标签也会移动。

但是我的问题是当scale_cap div标签达到100％时scale_roll拖动无法停止。

我不想在可见区域之后拖动div标签。或者我只想拖动100％。

Js Fiddle

最佳答案

首先，您完全阅读了Draggable。 jQuery可以选择将句柄添加到div中。
因此，您无需为将手柄添加到可拖动元素而费劲。

在可拖动div中创建handle <div>。然后添加并使用它

 $( ".scale_roll" ).draggable({
    axis: "x",
    containment: 'parent',
    handle:'.scale_cap',
 });

Working fiddle