使用 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。