如何获得动态可丢弃的div ID

Question

我有一个可以动态分割的div。我想动态地知道我的元素在哪个内部div下降以获得特定的div ID。

Answer 1

幸运

这是HTML code对我的测试来回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>​ 

这是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

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

请参见下面的链接，例如：http://jsfiddle.net/YdcWt/5/

} 
​