2013-04-06 163 views
1

我不知道如何提出这个问题,但我会尽我所能。将div拖放到div上

我正在编写一个网站,我有一个用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 “into”dropzone“,dropzone将以”div1“作为变量运行javascript函数。 有没有办法在JavaScript中做到这一点?

谢谢!

+0

退房[jQuery UI的可弃](http://jqueryui.com/droppable/) – Class 2013-04-06 02:03:09

+0

你可以观看两个事件,即mouseup和mousedown事件。如果你想让可拖动的div移动,你必须编写javascript来完成这个工作,或者使用外部代码(通常以jQuery等主要javascript库的插件形式)。基本思想是使用mousedown,mousemove和mouseup事件来跟踪鼠标开始的位置,移动后的位置以及结束位置,然后相应地移动被点击的对象。 – mowwwalker 2013-04-06 02:23:53

回答