Question

我正在使用Jquery进行拖放。

我要将项目拖动的简短javascript是：

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

我制作可投放区域的简短javascript是：

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

这是我的可拖动项短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

您必须将drop事件用于droppable。这就是我的意思。

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

这是一个工作小提琴http://jsfiddle.net/wLkutytx/

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

使用Jquery进行拖放，从丢弃的div中获取值

2 个答案: