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

Question

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

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

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

我不想将 div 标签拖到可见区域之后。或者我只想拖动 100%。

Js Fiddle

Answer 1

首先您要完整阅读 Draggable . jQuery 可以选择将句柄添加到 div。 因此，您无需为将句柄添加到 drggable 元素而努力。

创建handle <div>在可拖动的分区内。然后添加并使用这个

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

Working fiddle