jquery draggable自定义包含

时间:2013-11-12 14:03:02

标签: javascript jquery jquery-ui draggable jsfiddle

我想在拖动时将对象保留在父对象内部。 样本小提琴是jsFiddle

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

轴正常工作但左右儿童应保持在父母身边。 您应该只拖动y轴和父宽度。

由于

1 个答案:

答案 0 :(得分:1)

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

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

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

您的子元素在JSFiddle中受到约束存在问题,因为它比父元素大。在下面的示例中,我创建了子元素width:200px;,使其适合父div(因此它被正确约束)。

Example JSFiddle