Question

How can an element be dragged and drop more than once with jquery’s ui, since normally the draggable element is moved when drop is triggered?

Answer 1

use jquery draggable’s helper option helper: 'clone' and handle the drop event like so:

$("#droppable").droppable({
    drop: function(event, ui) {
        $(this).append($(ui.draggable).clone());
    }
});