jquery 可拖动自定义包含

jquery draggable custom containment

本文关键字：包含 自定义 拖动 jquery      更新时间：2023-09-26

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

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

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

谢谢

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

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

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

子元素在 JSFiddle 中受到约束时出现问题，因为它比父元素大。在下面的示例小提琴中，我使子元素width:200px;，以便它适合父div（因此它被正确约束）。

示例 JSFiddle

相关文章：