Jquery Draggable不适用于创建的元素答案

【问题标题】：Jquery Draggable not working on created elementsJquery Draggable不适用于创建的元素
【发布时间】：2017-04-15 18:45:32
【问题描述】：

我有一个按钮，当我单击它时，它应该创建一个 div 并将其放置在容器（父 div）中并使其可拖动。

我包含 jquery-ui 和 jquery 的问题；但还是不行。

这里是和平的代码：

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

【问题讨论】：

如果有，请提供更多代码
@MarcinC。这个函数没有别的事可做，成功将div添加到容器中，但是Draggable部分不起作用我不知道为什么！

标签： jquery jquery-ui draggable

【解决方案1】：

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

通常，可拖动功能在文档准备好后立即应用于元素，如下面的代码。

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

这仅对那些已经存在的元素应用可拖动功能，因此它不适用于之后创建的任何元素。

解决方案是将函数也应用于新创建的元素。一旦创建了元素，就使用与上面相同的代码来应用到任何新创建的元素。

【讨论】：