Question

我有一个带有revert的可拖动元素：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();
};

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

删除draggable的帮助程序克隆

2 个答案: