У меня есть несколько сбрасываемых div (которые имеют одинаковый размер) и один перетаскиваемый div. Перетаскиваемый div в 3 раза больше, чем один. Когда я перетаскиваю перетаскиваемый div на div-объекты droppables, я хочу найти, на какой droppable это повлияло.

Мой код выглядит так:

$(function () {

    $(".draggable").draggable({
        drag: function (event, ui) { }

    });
    $(".droppable").droppable({
        drop: function (event, ui) {
           alert(this.id);
        }
    });

}); 

HTML

<div style="height:100px; width:200px; border-bottom:1px solid red; " id="Div0" class="droppable">
    drop in me1!
</div>   
<div style="height:100px; width:200px; border-bottom:1px solid red;"  id="Div1" class="droppable">
    drop in me2!
</div>  
<div style="height:100px; width:200px; border-bottom:1px solid red; " id="Div2" class="droppable">
    drop in me2!
</div>  
<div style="height:100px; width:200px; border-bottom:1px solid red; " id="Div3" class="droppable">
    drop in me2!
</div>  
<div style="height:100px; width:200px; border-bottom:1px solid red; " id="Div4" class="droppable">
    drop in me2!
</div>  
<div style="height:100px; width:200px; border-bottom:1px solid red; " id="Div5" class="droppable">
    drop in me2!
</div>  
<div style="height:100px; width:200px; border-bottom:1px solid red; " id="Div6" class="droppable">
    drop in me2!
</div>  
<div style="height:100px; width:200px; border-bottom:1px solid red; " id="Div7" class="droppable">
    drop in me2!
</div>


<div class="draggable" id="drag" style="height:300px; width:50px; border:1px solid black;"><span>Drag</span></div>

Но мое оповещение показывает только первое, что попадает в мой перетаскиваемый div (Div0), как я могу найти недостающее (Div1 и Div2), которое тоже уязвимо ??

Вот парень с такой же проблемой:http://forum.jquery.com/topic/drop-onto-multiple-droppable-elements-at-once