删除

Question

如何在拖放后拖动和调整元素大小。

＆＃13;

＆＃13;

$(function() {

  $(".selectField").draggable({
    revert: 'invalid',
    helper: "clone",

  });

  $("#fuller").droppable({
    drop: function(event, ui) {

      var draggable = ui.draggable;
      draggable = draggable.clone();      
      draggable.appendTo("#fuller");
    }
  });
});

＆＃13;

<div id="panel">
    <div id="resizable" class="selectField">
        <label for="#input">Name</label>
        <input type="text" id="input" />
    </div>
</div>

<div id="fuller"></div>

＆＃13;

＆＃13;

＆＃13;

当我向被删除的元素添加draggable()和resizable()时，它不起作用。 我该如何解决？

Answer 1

一旦完成删除，您必须使克隆的可拖动元素可调整大小

$(function() {

  $(".selectField").draggable({
    revert: 'invalid',
    helper: "clone",

  });

  $("#fuller").droppable({
    drop: function(event, ui) {

      var draggable = ui.draggable;
      var dragged = draggable.clone();      
      dragged.appendTo("#fuller");
      dragged.resizable({containment: '#fuller'})
    }
  });
});

<div id="panel">
    <div id="resizable" class="selectField">
        <label for="#input">Name</label>
        <input type="text" id="input" />
    </div>
</div>

<div id="fuller"></div>