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); 
    } 
});