Jquery Draggable - How do I create a new draggable div on the fly that can then be dragged?

Question

I\'m creating a day planner using jquery, draggable and droppable.

When a job is dragged from the unassigned column into a hour time slot, the original draggable item i

Answer 1

Simply apply draggable to the newly created DIV. If the DIV is exactly the same, except for position, you could also not recreate it, but just reposition it. This would retain all of it's handlers.

 // remove, reposition, reapply handlers
 $('#jobN').remove().appendTo('#dayViewN').draggable();

or

 // reposition, retain handlers
 $('#jobN').appendTo('#dayViewN');

Answer 2

Rather than replacing the new div, why not disable the draggable?

$(element).draggable('disable');

Then when you want it to be draggable agian, use this

$(element).draggable('enable');