Найти элементы, сброшенные на другой элемент

Question

Я пишу небольшое приложение для перетаскивания элементов на больший блок (вроде холста). Когда я закончу, я нажимаю кнопку, чтобы увидеть, какие блоки были сброшены на больший блок. Однако, если я просто посмотрю на идентификаторы пропущенных элементов, я не получу никаких результатов:

var $children = $( "#droppable" ).find('div');
for(i=0; i< $children.length; i++) {
    var $input = $children.eq(i);
    alert(($input).attr('id'));
}

Как узнать, какие элементы были сброшены на холст?

Answer 1

Я разобрался, как это делается. Я сделал две области, в которые можно перетаскивать блоки. Чтобы убедиться, что после размещения блока из-за позиционирования CSS перетаскиваемый элемент не исчезнет, ​​я удалил код позиционирования:

$( "#source" ).droppable({
    drop: function(event, ui) {
        var $draggable = $(ui.draggable).detach();
        $draggable.css({'left':'','top':'','right':'','bottom':''}) ;
        $draggable.prependTo($(this));
    }
});
$( "#destination" ).droppable({
    drop: function(event, ui) {
        var $draggable = $(ui.draggable).detach();
        $draggable.prependTo($(this));
    }
});