jquery ui在元素中具有可调整大小和可拖动的问题

Question

我已经在同一个元素上应用了jquery ui resizable和draggable。我为这两种操作提供了包含元素的边界。但是当调整大小超过包含元素边界时，它会使用可调整大小的句柄开始拖动操作。如何防止这种情况？

$("#ui_div").resizable({
    handles: 'n,e,s,w',
    containment: $("#img1"),
    start: function (e, ui) {
    },
    stop: function (e, ui) {
    }
});

$("#ui_div").draggable({
    appendTo: 'body',
    containment: $("#img1"),
    start: function (e, ui) {
    },
    stop: function (e, ui) {
    }
});

这是我的示例代码。问题是当我调整大小并达到遏制元素边界时，即＆＃39; $（＆＃34;＃img1＆＃34;）＆＃39;然后顶部调整大小处理程序开始拖动包含元素边界外的元素。这种情况只发生在左右调整大小。