jQuery UI draggable не работает с динамически созданными дивами

Я включил jquery-1.7.2.минута первого а потом jquery-ui-1.8.21.традиция.мин

Тогда у меня есть динамически создаваемые дивы с именем класса и я назвал их драггейбл и селективными но это не работает. in dom ready 

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

Вот ссылка на скрипку http://jsfiddle.net/2Nh5m/

2 3
jquery draggable

2 ответа:

Просто измените порядок вызова draggable() и selectable(), и это будет работать: 

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

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

1

Проблема заключается в применении перетаскиваемой функции.

Обычно, перетаскиваемая функция применяется к элементам, как только документ готов, как показано ниже.

$('.тащить").draggable ();

Эта функция применяется только к тем элементам, которые уже существуют, поэтому она не будет работать для любого элемента, созданного впоследствии.

Решение состоит в том, чтобы применить функцию и к вновь созданным элементам. Как только элемент будет создан используйте тот же код, что и выше, применяется к любому вновь созданному элементу.

0