jQuery UI rigenerato (zombie) elementi trascinabili

Question

Mi piacerebbe sapere come creare gli elementi trascinabili con jQuery UI che una volta che sono trascinati in un altro contenitore, rigenerare lo stesso articolo. Ad esempio, posso cadere un tasto dal contenitore A al contenitore B, e una volta che lo faccio, lo stesso tasto (un clone) riemerge in un contenitore A.

Grazie in anticipo.

Answer 1

Il modo giusto per andare su questo sarebbe quella di andare con una di aggiunta o anteponendo un nuovo elemento ad un'ancora esistente.

var newElement = $("<div id='home'></div>").draggable( { snap: '.droppable', revert: 'invalid' } );
    $("#homearea").append(newElement);

Answer 2

intercettare l'evento di goccia con una funzione personalizzata:

$('.selector').droppable({
   drop: function(event, ui) { ... }
});

Quando la voce è caduto nel nuovo contenitore, inserire un clone nel contenitore originale. È possibile effettuare nuovi elementi utilizzando jQery:

var listItem = $("<li></li>");

References:

• docs UI
• nucleo jQuery