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

Я работаю над сценарием, в котором у меня возникает проблема при перетаскивании элементов списка.Когда я перетаскиваю элемент в область drop able, то событие срабатывает дважды. вот мой код.СМОТРИ ВОТ КОД

$('.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",
 });

Смотрите демонстрацию

1 3
jquery draggable jquery-ui-draggable

1 ответ:

Это ошибка пользовательского интерфейса jQuery. Простой способ обойти используйте сортируемый receive событие вместо десантирования drop событие. При этом событие запускается только один раз.

Обновленный Пример

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