javascript - jquery可拖动自定义包含

Question

我想在拖动时将对象保留在父对象内。示例小提琴是jsFiddle

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

轴工作正常，但左右孩子也应该留在父母身上。您应该只拖动 y 轴和父宽度。

谢谢

score 1 · Accepted Answer

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

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

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

您的子元素在 JSFiddle 中受到限制存在问题，因为它比父元素大。在下面的示例小提琴中，我制作了子元素width:200px;，使其适合父 div（因此它被正确约束）。

1 回答 1