当.drag被拖动时，以绿色.drop div闪烁

Question

我想在拖动.drag时闪烁.drop div。

当.drag div被droped或reverted时，我希望.drop div停止闪烁。

但我想用颜色闪烁，例如绿色，但我不知道如何使用fadeTo（）。

你知道如何修复我的代码来实现这个目标吗？

此处示例：

http://jsfiddle.net/8t9v5tpq/2/

代码：

$(".drag").draggable({
  revert: 'invalid',
  drag: function(event, ui) {
    $('.drop').fadeTo('fast',0).fadeTo('fast',1);
  }
});

$('.drop').droppable({
  over: function(event, ui) {
     $('.drop').fadeTo('fast',0).fadeTo('fast',0);
    ui.draggable.remove();
  }
});

Answer 1

当选择.drag

时，您可以尝试更改div的背景颜色

$(".drag").draggable({
  revert: 'invalid',
  drag: function(event, ui) {
    $('.drop').fadeTo('fast',0)
    $('.drop').css('background-color', 'green')
    $('.drop').fadeTo('fast',1);
  }

});

JSFiddle

Answer 2

此代码可以解决您的问题。

<div id="cuadrado" class="drop" style="background:gray; margin-top:50px; width:100px; height:100px;"> drop</div>

<script>
$('.drop').droppable({

  over: function(event, ui) {
     document.getElementById("cuadrado").style.color="green";
     document.getElementById("cuadrado").style.background="green";
     $('.drop').fadeTo('fast',0).fadeTo('fast',0);
    ui.draggable.remove();

  }
});
</script>

运行以下代码：

我希望它可以帮到你。

bye @locoalien