查找放入其他元素的元素

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