javascript - jquery 可拖动自定义包含

Question

我想在拖动时将对象保留在父对象内。样本 fiddle 是 jsFiddle

$("#child").draggable({cursor:'move',axis: "x"});

轴工作正常，但左右子项也应保留在父项中。您应该只在 y 轴和父级宽度上拖动。

谢谢

Answer 1

在可拖动元素上使用containment选项。示例代码:

$("#child").draggable({
    cursor:'move',
    axis: "x",
    containment: "parent"
});

或者，您可以将其设置为元素的 ID(即 containment:'#parent')

您的子元素在 JSFiddle 中受到约束存在问题，因为它比父元素大。在下面的示例 fiddle 中，我制作了子元素 width:200px; ，以便它适合父 div (因此它受到正确的约束)。

Example JSFiddle