拖放事件触发两次

drag and drop event fires twice

我正在编写一个脚本,在拖放列表时遇到问题 items.When 我将项目拖到可放置区域,然后事件触发两次。这是我的 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

这是一个 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);
  }
});