div Draggable et Rezible:不适用于收容

时间:2015-05-12 13:29:19

标签: jquery jquery-ui draggable resizable containment

我希望在较大的div上有一个可调整大小且可拖动的div,其中包含一个div(有一个滚动条),如下所示:

<div id="hgcScroll"  style="width:600px;overflow:auto">
    <div id="hgcRegle" style="width:800px">
    </div>
    <div id="hgcDeplacable">
    </div>
</div>

然后在我的jQuery中我有这个:

$("#hgcDeplacable").resizable();
$("#hgcDeplacable").draggable();

$("#hgcDeplacable").draggable({ 
    containment: "#hgcScroll",
    axis: "x",
    grid: [5, 0]

}).resizable({
    containment: "#hgcScroll",
    handles: 'e, w',
    grid: nbrPxDeplac
});

但是对可调整大小的限制使得所有应用程序崩溃,如果我擦除了条件包含,我的句柄只适用于&#34; e&#34;但不是&#34; w&#34;。

我做错了什么?

1 个答案:

答案 0 :(得分:0)

最后我删除了第一行,我将这两个方法分开:

$("#hgcDeplacable").resizable({
handles: 'e, w',
grid: 5});
$("#hgcDeplacable").draggable({ 
containment: "#hgcScroll",
axis: "x",
grid: [5, 0]
});

这是有效的。如果您有任何疑问,请向我询问。