jQuery 从列表中拖动（不删除元素）并拖放到另一个列表中

Question

我怎样才能有两个列表（div 或表格元素），我可以在其中将项目从一个拖放到另一个（我认为 jQuery droppable 可以做到这一点），但 实际上没有将其删除源列表？

例子：

List1    List2
 AAA     111
 BBB     555
 CCC     999
 DDD     777

现在我在“555”和“999”之间从左向右拖动 BBB。结果（看看 BBB 现在在 both 中的情况：

List1    List2
 AAA     111
 BBB     555
 CCC     BBB
 DDD     999
         777

Answer 1

你应该看看jquery sortable。 connectWith 选项用于连接另一个可排序列表，以便您可以将其拖放到该列表中。

Answer 2

看看this link...这不是你想要的，但我认为它会让你走上正轨。该示例的执行方式与您的要求相似。

Answer 3

drop: function(event, ui) {
         $(this);
         $(ui.draggable.**clone()**).appendTo($(this));
      }