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

Question

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

示例：

List1    List2
 AAA     111
 BBB     555
 CCC     999
 DDD     777

现在我将 BBB 从左向右拖动到“555”和“999”之间。结果（查看 BBB 现在两者的情况：

List1    List2
 AAA     111
 BBB     555
 CCC     BBB
 DDD     999
         777

Answer 1

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

Answer 2

看看 此链接...这不完全是您想要的，但我认为它会让你走上正轨。该示例的性能与您的要求类似。

Answer 3

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