使用jquery拖放，从丢弃的div中获取价值

Question

我正在使用Jquery进行拖放操作。

我简短的JavaScript做出拖动一个项目是：

$(".draggable").draggable(); 

我简短的JavaScript做出dropable面积：

$("#droppable").droppable(); 

这里是我的dragable项目简短的HTML代码：

<div id="comItem[]" class="computerItem draggable"> 
    <img src="img/com.png" class="assetImg" alt="Computer Info" title=""> 
    <span id="owner[]" class="textLabel"></span> 
    <span id="ipaddress[]" class="textLabel"></span> 
</div> 

有人知道如何从可丢弃区域的丢弃物品中获取值吗？ 我想创建对象数组形式的被删除的项目？

非常感谢。

Answer 1

可以使用ui.draggable对象drop行动

$("#droppable").droppable({ 
    drop: function(event, ui) { 
     $(this).append($(ui.draggable).find('img')); 
    } 
}) 

这里ui.draggable是你已经下降的元素。 （在这种情况下整个div）

Answer 2

您必须使用droppable的drop事件。这是我的意思。

var items; 
$("#draggable").draggable(); 
$("#droppable").droppable({ 
    drop: function(event,ui) { 
     items = [ui.draggable]; 
    } 
}); 

这里是工作提琴http://jsfiddle.net/wLkutytx/

来源：http://api.jqueryui.com/droppable/#event-drop