如何獲得動態可丟棄的div ID

Question

我有一個可拖放的div，其中我動態創建div。我想動態地知道我的元素放置在哪個內部div中以獲得特定的div ID。

Answer 1

幸運

這是用於Drag and Drop測試的HTML code

<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>​

這是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;

以下jquery get droppable div id放置的get droppable div id

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

例如，請參見以下鏈接： http : //jsfiddle.net/YdcWt/5/

}
​