i want to be able to create a copy of the element that i want to drag. im using the standard ui draggable and droppable. i know about the helper clone option. but that does not create a copy. the dragged item gets reverted back to the original position.
Mark,
Try this example:
$(document).ready(function(){
$(.objectDrag).draggable({helper:'clone'});
$(#garbageCollector).droppable({
accept: .objectDrag,
drop: function(event,ui){
console.log(Item was Dropped);
$(this).append($(ui.draggable).clone());
}
});
});
And the Html looks like this
<div class=objectDrag
style=width:10%; color:white;border:black 1px solid; background-color:#00A>Drag me</div>
<div id=garbageCollector style=width:100%; height:400px; background-color:#333; color:white;> Drop items on me</div>
