jak uzyskać dynamicznie droppable div id - jquery, droppable

Mam drop-div, w którym robię dynamicznie divs.I chcą wiedzieć dynamicznie, w którym wewnętrzny div mój element spadł, aby uzyskać ten konkretny id div.

Odpowiedzi:

Szczęściarz

to jest HTML code dla moich testów Drag and Drop

<div class="draggable ui-widget-content" id="drag1">
drag
</div>

<div class="draggable ui-widget-content" id="drag2">
drag
</div>

<div id="droppable" class="ui-widget-header">
drop
</div>​

to jest CSS

.

draggable {
width: 100px;
height: 100px;
padding: 0.5em;
float: left;
margin: 10px 10px 10px 0;
}

#droppable {
width: 150px;
height: 150px;
padding: 0.5em;
float: left;
margin: 10px;

następujący jquery dla get droppable div id

$(".draggable").draggable();
$("#droppable").droppable({
drop: function(event, ui) {
alert("drop id:"+ $(this).attr("id"));
}
});​

Zobacz poniższy link na przykład: http://jsfiddle.net/YdcWt/5/

}
​