删除draggable的助手克隆

Question

我有一个可回收的元素，具有回复：true，但是当它成功删除时，助手克隆会保留在我放开的droppable上。我需要克隆消失在成功的drop上，就像它在不成功的drop上所做的一样。

$('.frank').draggable({ 
    revert: true, 
    revertDuration: 0, 
    helper: 'clone' 
}) 

$(".offer-2").droppable({ 
    accept: '.frank', 
    drop: function() { 
    $(this).addClass('offer-2b'); 
    $('.frank, .tp-2').draggable('disable'); 
    } 
}) 

Answer 1

可以yust删除助手在你的拖放功能

$(".offer-2").droppable({ 
    accept: '.frank', 
    drop: handleDropEvent 
}); 

function handleDropEvent(event, ui) { 
    $(this).addClass('offer-2b'); 
    $('.frank, .tp-2').draggable('disable'); 
    $(ui.helper).remove(); 
}; 

Answer 2

隐藏在drop事件的帮手：

$(".offer-2").droppable({ 
    accept: '.frank', 
    drop: function(event, ui) { 
    $(this).addClass('offer-2b'); 
    ui.helper.hide(); 
    } 
}) 

，或者如果你真的真的不需要被丢弃的元素，然后ui.helper.remove()

jQuery Droppable drop event