Jquery Draggable And Resizable Is Not Working On Cloned Div

I have a div with draggable and resizable functionality of jQuery UI. I clone the div and append it to the same parent:

...

$('.drag')

Solution 1:

You might like to look at this SO post jQuery UI resizable cloned element(.clone(true)) doesn't resize - the removal of the resize handlers before applying a resizable() on the cloned element worked for me

Solution 2:

I would use the .on event handler instead and attach it to the parent of this div.

$(".drag").parent().on("mouseenter", ".drag", function() { $(this).draggable(); });