JQuery drag and drop and clone

Question

var icon = $("<div style='width:100px;height:100px;border-style:solid;'>"); icon.draggable({ containment: 'parent', axis: 'y', drag: function(e,ui) { } }); icon.clone(true).appendTo($("body")); 

After I made the clone, dragging and dropping the icons stopped working. Does anyone know how to fix this?

thanks

Answer 1

Drag and drop functionality does not work .

However, when you hold the mouse over a clone and move it, this is the original element that is being dragged.

Click here to see this behavior: http://www.jsfiddle.net/bxH3Q/

To get around this, you must make each clone draggable.

Answer 2

What exactly do you want to do? Do you really need to clone? You can use one of the parameters draggable() : helper , which clones the element the same way you drag it. See this in action: http://jsfiddle.net/nZm5H/

If you need to clone the way you do it, you also need to drag the clone: how is it