события перетаскивания дважды срабатывают

Question

Я работаю над сценарием, в котором у меня проблема, когда перетаскиваются элементы списка. Когда я перетаскиваю элемент в область с возможностью удаления, тогда событие срабатывает дважды. вот мой code.SEE КОД ЗДЕСЬ

$('.draglist div').draggable({   
    cursor: 'move', 
    helper: 'clone', 
    connectToSortable: '.droplist' 
}); 
$(".droplist").droppable({ 
drop: function (event, ui) { 
    var dragtext = $(ui.draggable).text(); 
    alert(dragtext); 
} 
}); 
$('.droplist').sortable({ 
    opacity: 0.6, 
    revert: true, 
    cursor: 'move', 
    placeholder: "highlight", 
}); 

See DEMO

Answer 1

Это ошибка JQuery UI. Простой подход - использовать использование sortable receive event, а не событие droppable drop. При этом событие запускается только один раз.

Updated Example

$(".droplist").droppable().sortable({ 
    opacity: 0.6, 
    revert: true, 
    cursor: 'move', 
    placeholder: "highlight", 
    receive: function(event, ui) { 
    var dragtext = $(ui.item[0]).text(); 
    alert(dragtext); 
    } 
});