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]
});

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

div Draggable et Rezible：不适用于包含

div Draggable et Rezible : doesn't work with containment

jquery

jquery-ui

draggable

resizable

containment