Jquery ui jquery ui拖放-如何拖放项目？

我正在尝试使用jQueryUI。我正在使用一个拖放示例，这正是我所需要的，除了不在两个列表之间移动项目外，我希望克隆项目：

$（函数（）{
$（“#可排序1，#可排序2”）。可排序({
connectWith:“.connectedSortable”
}).disableSelection（）；
});

第1项
第2项
第3项


第1项
第2项
第3项

因此，将项目从第一个列表移动到第二个列表会导致列表1有2个项目，列表2有4个项目。我只想让它复制掉掉的东西。在上面的例子中，列表1仍然有3个项目，但是列表2有4个项目

---

谢谢

这不是你的完美答案，但我需要类似的答案。。。 将remove（）处理程序添加到排序表将允许您克隆即将删除的元素。试试这个：

$(function() {
    $("#sortable1, #sortable2").sortable({
        connectWith: '.connectedSortable',
        remove: function(event,ui){
       ui.item.clone().appendTo('#sortable1');
    }
    }).disableSelection();
});

如果将项目从sortable1拖动到sortable2，则当您将其拖放时，它将添加到sortable1的底部。最有意义的做法是在开始拖动时克隆项目，如果拖动失败，则删除克隆。但我找不到开始拖动时触发的事件

$(function() {
    $("#sortable1, #sortable2").sortable({
        connectWith: '.connectedSortable',
        remove: function(event,ui){
       ui.item.clone().appendTo('#sortable1');
    }
    }).disableSelection();
});