將div拖放到div上

Question

我不知道如何提出這個問題，但我會盡我所能。

我正在編寫一個網站，我有一個用PHP生成的div列表。 旁邊有另一個div。 這個想法是，當你將列表中的一個div拖到另一個div上時，它會對列表中div的類做一些事情。

列表中其中一個div的HTML代碼：

<div style='width:100px' class='div1' draggable='true'>
[content]
</div>

您將其放入的div的HTML代碼：

<div class="dropzone" ondrop="drop(event)" ondragover="allowDrop(event)" style="padding: 10px; border-width: 2px; border-style: dashed; width: 100px; height: 210px; float: right;">
[content]
</div>

這個想法是，當你將“div1”拖入“dropzone”時，dropzone將運行一個帶有“div1”作為變量的javascript函數。 有沒有辦法在javascript中執行此操作？

謝謝！

Answer 1

你可以從這個網站獲得想法：

http://www.html5rocks.com/en/tutorials/dnd/basics/

http://www.w3schools.com/html/html5_draganddrop.asp