Drop函数内部的事件处理程序不起作用

Question

我有三个具有背景色的div框，当我将另一个div框002拖放到box之一时，

当我使用事件处理程序从drop函数内部调用clear函数以清除背景色时，不会调用该函数。

如何完成？

<script>
function allowDrop(ev) {

    ev.preventDefault();
}

function drag(ev) {

ev.dataTransfer.setData("text", ev.target.id);

}

function drop(ev) 

{

  ev.preventDefault();

  var data = ev.dataTransfer.getData("text");

  clear();

}
</script>

<script>

 function clear(event) 
{

$(event.target).css('background-color', 'none');

$(event.target).css('opacity', '0.0');

}

</script>

https://jsfiddle.net/digitalarts/5nq746uy/2/

Answer 1

我建议您使用类似JQuery droppable

$( function() {
   $( "#draggable" ).draggable();
   $( "#droppable" ).droppable({
      drop: function( event, ui ) {
         ui.draggable.css("background-color", "");            
      }
   });
});