The following code only makes one copy (clone) of the original element. After the clone is dragged (and dropped), I can no longer make another clone of the original element.
I want the original element to be cloned every time it is dragged. Can someone steer me in the right direction?
$(function(){
$(".droptrue").draggable({
snap: '#dropTargetframe',
connectToSortable: '#dropTargetframe',
helper: 'clone',
cursor: 'move',
revert: false
});
$("#dropTargetframe").sortable({
revert: false
});
$("#dropTargetframe").droppable({
revert: 200,
receive: cloneMe
});
function cloneMe(event, ui) {
ui.item.clone().appendTo('#dropTargetframe');
}
});