La interfaz de usuario de jQuery no funciona con divs creados dinámicamente - jquery, jquery-ui, draggable

He incluido jquery-1.7.2.min primero y luego jquery-ui-1.8.21.custom.min

luego tengo divs creados dinámicamente con un nombre de clase y llamé arrastrable y seleccionable en ellos Pero no está funcionando. en dom listo

   $.each(a, function (l, i) {
$(".browser").append("<div class="folder" id=" + i + "></div>");
});
$(".folder").selectable().draggable();

Aquí está el enlace de violín http://jsfiddle.net/2Nh5m/

Respuestas

simplemente invierta el orden de llamada draggable() y selectable() y funcionará:

$(".folder").draggable().selectable()

http://jsfiddle.net/2Nh5m/1/

El problema está en la aplicación de la función arrastrable.

Por lo general, la función de arrastre se aplica a los elementos tan pronto como se documente como el código siguiente.

$ (". arrastrable"). arrastrable ();

Esto aplica la función arrastrable solo para aquellos elementos que ya existen, por lo que no funcionará para ningún elemento creado posteriormente.

La solución es aplicar la función a los elementos recién creados también. Tan pronto como se cree el elemento, use el mismo código que el anterior para aplicarlo a cualquier elemento recién creado.