JQuery Draggable

Question

我想使用clone将项目从一个列表拖动到另一个列表。在停止拖动之后，我想获得拖动它的父div的id。

Answer 1

通过使用draggable和droppable，你可以这样做（假设你的ul有类draggables）：

$("ul.draggables").droppable({
    drop: function() { alert($(this).parents("div:first").attr("id")) }
})
.find("li")
.draggable({
    helper: "clone"
});

以下是演示：http://jsfiddle.net/5s5rt/1/

修改了

编辑以查找列表的第一个父类型div，以防div不是它的直接父级。

Answer 2

听起来我需要使用jQuery UI Droppable以及Draggable。

以下代码提供了如何使用Droppable的示例。它假定您要允许项目的div具有类名someClassName。当您将项目拖到其中一个div上时，它会弹出一个警告框，其中包含您将项目放入的div的ID：

$(document).ready(function() {
    $("div.someClassName").droppable({
        drop: function(event, ui) {
            alert("You dropped an item onto a div with ID '" + event.target.id + "'");
        }
    });
});