javascript - 如何使用 JavaScript 将 HTML 节点拖到另一个节点中？

Question

我需要能够将 HTML 节点拖放到其他节点中。例如，如果我从这个 HTML 结构开始：

<div class="first">
  <h1>Title</h1>
  <p>Some content</p>
</div>
<div class="second">
  <h2>Subtitle</h2>
</div>

我需要能够选择<h1>或<p>标记并将其中的任何一个拖动到div.second. 所以结果是：

<div class="first">
  <h1>Title</h1>
</div>
<div class="second">
  <h2>Subtitle</h2>
  <p>Some content</p>
</div>

作为（可选）加号，我需要在放置区域中放置一个占位符。在将<p>标签放入目的地之前，放置它的副本以查看它的外观。

如何用 JavaScript 完成？

score 0 · Accepted Answer

如果您对了解 HTML5 拖放 API 不够感兴趣（我建议您继续阅读，尽管它有点错误），只需使用 jQuery UI 的拖放：http: //jqueryui.com/demos/droppable/

1 回答 1