jQuery UI可拖动不使用动态创建的div

Question

我首先包含了jquery-1.7.2.min 然后是jquery-ui-1.8.21.custom.min

然后我有 动态创建带有类名的div 我打电话给可拖动的，可选的 但它不起作用。 在dom准备好了

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

这是小提琴链接 http://jsfiddle.net/2Nh5m/

Answer 1

只需撤消调用draggable()和selectable()的顺序，它就会起作用：

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

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

Answer 2

问题在于应用可拖动功能。

通常，只要将文档准备好就像下面的代码一样，可拖动函数就会应用于元素。

$（ '拖动。'）可拖动（）;

这仅对那些已经存在的元素应用draggable函数，因此它不适用于之后创建的任何元素。

解决方案是将函数应用于新创建的元素。创建元素后，请使用与上述相同的代码应用于任何新创建的元素。