Question

I have an interesting question. Theoretically, let’s say you have a navigation bar on the left with a series of shapes: a circle, square and triangle and to the right of the nav bar you have a blank canvas.

Using Jquery UI or Jquery Mobile, would it be possible to be able to drag shapes from the navigation bar onto the canvas, but for the original shape to still remain in the bar?

Many thanks,
LS

Answer 1

See http://jqueryui.com/demos/droppable/#photo-manager for an example — the trick is to clone the original element using something like $( ".selector" ).draggable( "option", "helper", 'clone' );