Question

您好我正在开展以下项目：http://seegermattijs.be/smart_open_path.html 当红色圆圈落在黄色方块上时，我想要一个警报框。

我使用了以下代码：

$('.ui-draggable').draggable({});
   $( "#droppable" ).droppable({
      drop: function() {
      alert( "dropped" );
     }
  });

你可以看到它什么都不做。

有人可以帮帮我吗？谢谢！

Answer 1

您发布的示例为我工作，但可能不符合您打算工作的方式。

拖动＆amp;当按钮按下（启动它）以及在此之后它上升（结束它）时，Drop仅关注鼠标位置。开始拖动的元素的位置（在您的情况下为红色圆圈）无关紧要。您可以注释掉拖动功能的内容，只要您点击红色圆圈，将光标移动到黄色方块并释放鼠标，您就会触发警报。

如果您想要在圆圈触摸方块时发出警报，则需要在拖动停止时检查圆圈是否正在触摸方块，然后触发警报。您可以将代码添加到代码中的stop函数中，它应该可以工作。

您可以查看此JSBin以了解可能的方法。