Trouver des éléments déposés sur un autre élément

Question

J'écris une petite application pour déposer des éléments sur un plus grand bloc (sorte de toile). Quand j'ai terminé, je clique sur un bouton pour voir quels blocs ont été déposés sur le plus gros bloc. Cependant, si je regarde seulement pour les id des éléments abandonnés, je ne reçois aucun résultat:

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

Comment puis-je savoir quels éléments ont été abandonnés sur la toile?

Answer 1

J'ai compris comment cela se faisait. J'ai fait deux zones de dépôt sur lesquelles les blocs peuvent être traînés. Pour s'assurer qu'après avoir replacé un bloc, le positionnement CSS ne fait pas disparaître le draggable, j'enlève le code de positionnement:

$("#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)); 
    } 
});