jquery - 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

score 1 · Accepted Answer

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

score 0 · Accepted Answer

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

score 0 · Accepted Answer

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

3 回答 3