JQuery可拖动

我想用clone将项目从一个列表拖到另一个列表。停止拖动后，我想获取被拖动的父div的id。

我觉得您需要使用和拖动

下面的代码提供了一个如何使用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 + "'");
        }
    });
});

---

在我看来，你既需要拖拽，也需要使用拖拽

下面的代码提供了一个如何使用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 + "'");
        }
    });
});

---

通过使用draggable和dropable，您可以这样做（假设您的ul具有类

draggables

）：

下面是一个演示：

---

编辑：修改以查找列表中第一个类型为

div

的父项，以防div不是它的直接父项。

通过使用可拖放和可拖放，您可以这样做（假设您的ul具有类

可拖放

）：

下面是一个演示：

编辑：修改以查找列表中第一个类型为

div

的父项，如果div不是它的直接父项