jquery - 使用 jquery ui 拖放克隆

Question

我是 js 和编程的初学者，如果有人可以帮助我编写代码，我几乎不需要帮助...

我创建了一些“简单的旅行计划”，但我需要.draggable在桌子上克隆课程，但也需要像这里一样工作：http: //jsbin.com/erofot/17，所以只需添加一个克隆并以相同的方式工作

因此，在拖动之后， div 必须再次调整大小，可拖动，仅以示例为例。

怎么做？

我尝试使用 helper:clone 但不起作用。

谢谢和对不起我的英语。

编码：

<script>
  $(function() {
    $( ".draggable" ).resizable();
    $( ".draggable" ).draggable({revert: 'invalid', snap: "#drop_here td", opacity: 0.7});
    $( "#drop_here td" ).droppable({
      accept: '.draggable',
      drop: function( event, ui ) {
        $( this )
          .find( "p" )
            .html( "Dropped!" );
      }
    });
  });

Answer 1

如果您正在克隆元素，那么您需要在放置时再次实例化可拖动、可调整大小等：

$("#drop_here td").droppable({
    accept: '.draggable',
    drop: function(event, ui) {
        $(this).find("p").html("Dropped!");
        var drg = ui.draggable.clone()
        drg.resizable();
        drg.draggable({revert: 'invalid', helper: 'clone', snap: "#drop_here td", opacity: 0.7});
        $(this).append(drg);
    }
});

这是更新的JSBin。