JQuery Draggable

Question

我想将项目从一个列表拖到另一个克隆列表。停止拖动后，然后我想要获得它被拖动的父div的id。

Answer 1

通过使用拖动和投掷的，你可以做我喜欢这个（给定你UL的有类draggables）：

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

这里有一个演示：http://jsfiddle.net/5s5rt/1/

编辑：修改为找到第一个列表的父母与类型0，以防div不是直接父母。

Answer 2

这听起来像你需要使用jQuery UI Droppable以及Draggable。

以下代码提供了如何使用Droppable的示例。它假定你想要允许物品上的类别名称为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 + "'"); 
     } 
    }); 
});