如何获取动态可放置的 div id答案

【问题标题】：how get dynamically droppable div id如何获取动态可放置的 div id
【发布时间】：2012-03-27 04:14:13
【问题描述】：

我有一个可放置的 div，我在其中动态创建 div。我想动态知道我的元素在哪个内部 div 中放置以获得特定的 div id。

【问题讨论】：

【解决方案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/

【讨论】：