他の要素にドロップされた要素を見つける

Question

私は小さな要素（キャンバスの一種）に要素をドロップするための小さなアプリケーションを書いています。 完了したら、ボタンをクリックして、どのブロックが大きなブロックにドロップされたかを確認します。

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

がどのように私はキャンバスに廃棄された要素を見つけることができます：私はちょうど落とし要素のidのを探している場合しかし、私は結果を得ることはありませんか？

Answer 1

私はそれがどのように行われたかを理解しました。ブロックをドラッグできるドロップ領域を2つ作った。ブロックを戻した後、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)); 
    } 
});