在拖动UI可拖动元素时更新包含边界

Question

我有一个div，它可以在其中调整大小，但我不能将可拖动元素拖动到新的边界中。这是因为在添加draggable元素时设置的容器。每次拖动元素时，都需要更新包含边界。

   <div class="parent">
      <div class="drag"></div>
   </div>

Jquery：

    $(".drag").draggable( {
                containment: ".parent",
                cursor: "move",
                stop: function ( event, ui ) {}
});

当我调整父div的大小并拖动元素后调整大小。我无法将元素拖到前一个区域之外。如何在每次调整父div的大小时更新包含边界？请一定要帮帮我。

Answer 1

对父级使用jquery-ui-resizable。

<div class="parent">
    <div class="drag"></div>
</div>

Jquery：

$(".parent").resizable();

$(".drag").draggable( {
    containment: ".parent",
    cursor: "move",
    stop: function ( event, ui ) {}
});