使用 jQuery 和 Raphael.js 拖放

Question

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

我使用了以下代码：

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

如您所见，它什么都不做。

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

Answer 1

您发布的示例对我有用，但可能不是您想要的工作方式。

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

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

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