How to auto apply drag and drop effect to dynamically added element?

Question

I use jquery ui to apply a drag and drop effect on a serial of DIVs, for example:

...
.         


        
      

Answer 1

You cannot use the .live() function with .draggable() directly, but you can use .live() with the mouseover event and re-attach .draggable() on mouseover like this.

$('.draggable').live('mouseover',function(){
    $(this).draggable();
});