JQuery Draggable

Question

Я хочу перетащить элемент из одного списка в другой список с помощью клона. После перетаскивания после этого я хочу получить идентификатор родительского div, где он перетаскивается.

Answer 1

Используя перетаскиваемыми и Droppable, вы можете сделать мне это нравится (С учетом что ваши ул нам иметь класс draggables):

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

Вот демо: http://jsfiddle.net/5s5rt/1/

Edit: модифицирована, чтобы найти первый из родителей списка с типом div, если div не является непосредственным родителем.

Answer 2

Звучит так, как будто вам нужно использовать jQuery UI Droppable, а также Draggable.

В следующем примере приведен пример использования Droppable. Он предполагает, что те, которые вы хотите разрешить, имеют имя класса someClassName. Когда вы перетащите элемент на один из див, он всплывает окно предупреждения с идентификатором DIV вы уронили вашу деталь на:

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