javascript - 将元素添加到页面。比拖动它

我在页面上添加了一个元素，但是我不能拖动它。谁能帮我这个忙，这是我的代码：

HTML

<div class="mainDiv">
    <ul>
      <li>
        <input type="button" value="clickme" id="clickme">
      </li>
    </ul>
</div>

的CSS

#dragme {
  height: 100px;
  width: 100px;
  background-color: red;
  cursor: pointer;
}

和JavaScript与jQuery

 $("#clickme").click(function() {
    $(".mainDiv").append("<div id='dragme'>Drag me</div>");
  });

  $("#dragme").draggable();

Demo Here

最佳答案

首先，$ .draggable是jQuery UI包中的一种方法，因此，如果要使用它，则必须包含它。

其次，当您调用$("#dragme").draggable()时，该元素尚未添加到DOM中，因此$("#dragme")将不返回任何内容。在页面中添加#dragme元素后，您将必须调用此函数。

这是您的代码的有效更新：

https://jsfiddle.net/tpdx1e83/1/

关于javascript - 将元素添加到页面。比拖动它，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/38803887/