如何使用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完成？

Answer 1

如果你不够热衷于了解HTML5拖放API（我建议阅读，虽然它有点儿错误），只需使用jQuery UI的拖放：http://jqueryui.com/demos/droppable/