jquery - jQuery UI 重新生成（僵尸）可拖动元素

Question

我想知道如何使用 jQuery UI 创建可拖动元素，一旦它们被拖放到另一个容器中，就会重新生成相同的项目。例如，我可以将一个按钮从容器 A 拖放到容器 B，一旦这样做，同一个按钮（克隆）就会重新出现在容器 A 中。

提前致谢。

score 1 · Accepted Answer

解决此问题的正确方法是在现有锚点上附加或添加新元素。

var newElement = $("<div id='home'></div>").draggable( { snap: '.droppable', revert: 'invalid' } );
    $("#homearea").append(newElement);

score 0 · Accepted Answer

使用自定义函数监听 drop 事件：

$('.selector').droppable({
   drop: function(event, ui) { ... }
});

当项目被放入新容器中时，将克隆插入到原始容器中。您可以使用 jQery 创建新元素：

var listItem = $("<li></li>");

参考：

2 回答 2