обновлять границы содержания при перетаскивании перетаскиваемого элемента пользовательского интерфейса

Question

У меня есть div, размер которого можно изменить, и я не могу перетащить перетаскиваемый элемент в новую границу. Это потому, что сдерживание, которое устанавливается во время добавления перетаскиваемого элемента. Необходимо обновлять границу сдерживания каждый раз при перетаскивании элемента.

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