¿Cómo aplicar automáticamente el efecto de arrastrar y soltar al elemento agregado dinámicamente?

Uso jquery ui para aplicar un efecto de arrastrar y soltar en una serie de DIV, por ejemplo:

...
...
...
this DIV was dynamically added, not draggable

El problema se agrega dinámicamente DIVs no tendrá este efecto aplicado, ¿cómo puedo aplicar este efecto a los nuevos miembros también?

No puede usar la función .live () directamente con .draggable (), pero puede usar .live () con el evento mouseover y volver a asociar .draggable () al mouseover de esta manera.

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

Echa un vistazo a jQuery .live () . Creo que podrías usarlo aquí. Si no, simplemente adjunte .draggable() cuando cree su elemento.

También es posible que desee tomar un botín en el método delegate () introducido con jQuery 1.4 que es ligeramente mejor que live ()

Aquí hay un artículo que compara ambos enfoques: http://net.tutsplus.com/tutorials/javascript-ajax/quick-tip-the-difference-between-live-and-delegate/