Jquery Draggable无法处理创建的元素

Question

我有一个按钮，当我点击它时，它应该创建一个div并将其放在一个容器（Parent div）中并使其成为Draggable。

我包含了jquery-ui和jquery的问题;但仍然没有工作。

这是代码的和平：

function perform() {
 $homy= $("<div class='cabine'></div>");
   texty=$("<textarea class='sub' readonly></textarea>");
      $homy.append(texty);
         $homy.draggable();
           $homy.appendTo('#container');
}

Answer 1

在看到这篇文章之前，我也遇到了同样的问题。然后我知道问题是什么。 问题在于应用可拖动功能。

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

$('.draggable').draggable();

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

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