使用jQuery和Raphael.js拖放

Question

嗨，我正在研究以下項目： http : //seegermattijs.be/smart_open_path.html我想要一個警告框，當紅色圓圈掉到黃色正方形上時。

我使用以下代碼：

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

如您所見，它根本沒有任何作用。

有人可以幫我嗎？ 謝謝！

Answer 1

您發布的示例為我工作，但可能不是您打算的工作方式。

拖放僅關心鼠標的位置，即當按鈕下降（啟動按鈕）時和鼠標升起（結束按鈕）時。 開始拖動的元素的位置（在您的情況下為紅色圓圈）無關緊要。 您可以注釋掉拖動功能的內容，只要單擊紅色圓圈，將光標移到黃色方框並釋放鼠標，就會觸發警報。

如果要在圓碰到正方形時發出警報，則需要檢查拖動停止時圓是否在碰到正方形，然后觸發警報。 您可以將該代碼添加到代碼中的stop函數中，並且該代碼應該可以工作。

您可以檢查此JSBin，以找到一種可能的方式。