jquery ui获取拖动元素的子元素的id，当被丢弃时

Question

我已经通读了很多拖放线程，因此我还没有找到一个告诉我如何获取被拖动元素的子元素id元素，当拖动的元素被删除。

例如，如果你有

<div id='drag'> 
    <img id="something"/>//how do i get this id when #drag is dropped? 
</div> 

<div id='drop'> 
</div> 

和JS

$('#drag').draggable({ 
    containment: '#content', 
    scrollSensitivity: 60, 
    revert: 'invalid', 
    cursor: 'move' 
}); 

$('#drop').droppable({ 
    accept: '#albumImgs li', 
    activeClass: 'dropContainerOpen', 
    drop: function(event, ui) { 
    var fileName = $(ui.draggable.attr('alt')); 
    console.log(fileName); 
    } 
}); 

Answer 1

ui.draggable是你只需做你想要孩子的查询拖动的元素：

$('#drop').droppable({ 
    accept: '#albumImgs li', 
    activeClass: 'dropContainerOpen', 
    drop: function(event, ui) { 
    var fileName = $(ui.draggable.attr('alt')); 
    console.log(ui.draggable.find('#something')) 
    console.log(fileName); 
    } 
});