javascript - 使用 jQuery 和 Raphael.js 拖放

Question

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

我使用了以下代码：

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

正如你所看到的，它什么都不做。

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

Answer 1

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

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

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

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