我想在拖动时将对象保留在父对象内部。 样本小提琴是jsFiddle
$("#child").draggable({cursor:'move',axis: "x"});
轴正常工作但左右儿童应保持在父母身边。 您应该只拖动y轴和父宽度。
由于
答案 0 :(得分:1)
在可拖动元素上使用containment
选项。示例代码:
$("#child").draggable({
cursor:'move',
axis: "x",
containment: "parent"
});
或者,您可以将其设置为元素的ID(即containment:'#parent'
)
您的子元素在JSFiddle中受到约束存在问题,因为它比父元素大。在下面的示例中,我创建了子元素width:200px;
,使其适合父div(因此它被正确约束)。