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 + "'"); 
     } 
    }); 
});