删除draggable的帮助程序克隆

Question

我有一个带有revert的draggable元素: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

您可以在删除功能中删除帮助程序

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

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