jQuery Faire glisser d'une liste (sans supprimer d'élément) et déposer dans une autre liste

Question

Comment puis-je avoir deux listes (div ou éléments de table) dans lesquelles je peux glisser & déposer des éléments de l'un à l'autre (je pense que jQuery droppable), mais sans réellement le supprimer de la liste des sources?

Exemple:

List1 List2 
AAA  111 
BBB  555 
CCC  999 
DDD  777 

Maintenant, je traîne BBB de la gauche vers la droite entre "555" et "999". Résultat (voir comment BBB est maintenant à la fois :

List1 List2 
AAA  111 
BBB  555 
CCC  BBB 
DDD  999 
     777 

Answer 1

Jetez un oeil à this link ... ce n'est pas exactement ce que vous voulez, mais je pense que vous obtiendrez sur la bonne voie L'exemple fonctionne de la même. à vos besoins.

Answer 2

vous devriez regarder jquery sortable. connectWith l'option permet de se connecter avec une autre liste triables afin que vous puissiez le déposer à cette liste.

Answer 3

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