jQuery UI draggable ne fonctionne pas avec divs dynamiquement créés

Question

J'ai inclus jquery-1.7.2.min premier puis jquery-ui-1.8.21.custom.min

alors je divs dynamiquement créé avec nom de la classe et j'ai appelé draggable et sélectionnable sur eux mais ça ne fonctionne pas. dans dom prêt

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

Voici le lien de violon http://jsfiddle.net/2Nh5m/

Answer 1

juste inverser l'ordre d'appeler draggable() et selectable() et cela fonctionnera:

$('.folder').draggable().selectable() 

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

Answer 2

Le problème est dans l'application du dragable f onction.

Habituellement, la fonction draggable est appliquée aux éléments dès que le document est prêt comme le code ci-dessous.

$ ('draggable'). Draggable();

Ceci applique la fonction draggable uniquement pour les éléments qui existent déjà et ne fonctionnera donc pas pour les éléments créés par la suite.

La solution consiste également à appliquer la fonction aux éléments nouvellement créés. Dès que l'élément est créé, utilisez le même code que ci-dessus pour l'appliquer à tout élément nouvellement créé.