jQuery Перетащите из списка (без удаления элемента) и перетащите в другой список

Question

Как мне иметь два списка (элементы div или таблицы), в которых я могу перетаскивать элементы из одного в другой (я думаю, что это делает 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

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

Answer 3

Взгляните на эту ссылку ... это не ТОЧНО то, что вы хотите, но я думаю, что вы попадете на правильный путь. Пример работает аналогично вашим требованиям.