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

Question

我怎样才能有两个列表（div或table元素），我可以拖动它将项目从一个项目拖放到另一个项目（我认为jQuery droppable可以执行此操作），但是没有从源列表中实际删除它？

示例：

List1    List2
 AAA     111
 BBB     555
 CCC     999
 DDD     777

现在我在“555”和“999”之间从左向右拖动BBB。结果（请参阅BBB现在如何两者：

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));
      }