如何用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> 

爲A（可選）加上，我需要拖放區域的佔位符。在將<p>標籤放入目的地之前，請放置它的副本以查看它的外觀。

JavaScript怎麼做？

Answer 1

如果你不夠熱衷於瞭解HTML5拖放API（我建議閱讀起來，雖然這是一個有點馬車），只需使用jQuery UI的拖/放：http://jqueryui.com/demos/droppable/