Jquery ui Jquery ui在拖放时追加div并使追加的div可拖放（嵌套）

我需要拖动一个元素，在拖放时，它应该附加一个新的HTMLdiv容器，并且附加的HTMLdiv容器应该是可拖放的（嵌套的）。我把小提琴档案附在这里了。有人能帮忙吗

$('.dragItem').draggable({
  helper: 'clone',
  connectToSortable: "#column2,#column2 div"
});

$('.dragItem').sortable({
  containment: "parent"
});

$('#column2').sortable({
  placeholder: "highlight"
});

$('#column2').droppable({
  accept: '.dragItem',
  drop: function(event, ui) {
    var draggable = ui.draggable;

    var droppable = $(this);
    var drag = $('#column2').has(ui.draggable).length ? draggable : draggable.clone().draggable({});
    drag.appendTo(column2); 
    drag.sortable({
      placeholder: "highlight"
    });
    drag.droppable({
      accept: ".dragItem",
      drop: function (event, ui) {
        var draggable = ui.draggable;
        var droppable = $(this);
        var drag = $('#column2').has(ui.draggable).length ? draggable : draggable.clone().draggable({});
      }
    })
    drag.css({width:'', height: ''})
  }
});`

---

我关注的两个元素都具有可排序和可拖放功能。我相信这会造成冲突。您是否正在尝试创建一个嵌套的可拖放div，以便对其父级进行排序？我查看了您的小提琴，可以将其拖放到任意一个。我还可以反复拖放到嵌套项中。所以我不确定什么不起作用。是的，嵌套正在起作用，但我需要在拖放时附加html模板（带样式的div），并将拖放的div设置为可拖放。拖放新div容器时，应附加并需要将拖放的新容器设置为可拖放（嵌套）。在删除时附加新的html并使其成为可删除的是问题。确定需要附加什么html吗？