使用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