jquery - div Draggable et Rezible : 不适用于收容

Question

我想要一个可调整大小和可拖动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
});

但是可调整大小的包含会使所有应用程序崩溃，如果我删除条件包含，我的句柄仅适用于“e”而不适用于“w”。

我究竟做错了什么？

Answer 1

最后，我删除了第一行的两行，并将这两种方法分开：

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

这是工作。如果您有任何问题，请向我提问。