javascript - jQuery UI 第一次下降不起作用

Question

为什么这个 jQuery 在第一次删除时没有删除？

$(".drag").draggable({
  revert: 'invalid',
  drag: function(event, ui) {
    $(this).addClass('valid');
  }
});
$("#droppable").droppable({
  accept: '.valid',
  drop: function(event, ui) {
    $('#droppable').text('dropped');
  }
});

请看这个jsfiddle ，这表明当您第一次将一个每个绿色方 block 放入红色方 block 内时，它会还原。

Answer 1

droppable 只接受有效的类 div，并且在你开始拖动时你的 grenn div 没有这个类。拖动功能添加了它，但第一次拖放时为时已晚，但它仍然存在，因此后续的拖放工作。

解决方案:确保绿色 div 在第一次拖动事件发生之前具有 .valid