Question

我是js和编程的初学者，如果有人可以帮我处理我的代码，我需要一些帮助......

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

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

怎么做？

我尝试了帮助：克隆但不起作用。

谢谢，对不起我的英语。

代码：

<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上再次实例化draggable，resizable等：

$("#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。

使用jquery ui拖放drop clone

1 个答案: