查找放入其他元素的元素

Question

我正在编写一个小应用程序来将元素放到更大的块（某种画布）上。 当我完成后，我点击一个按钮，看看哪些块被放到更大的块上。不过，如果我只是寻找被丢弃的元素的ID的，我没有得到任何结果：

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)); 
    } 
});