jQuery UI droppable浮動返回

Question

我正在構建一個應用程序，利用jQuery UI可拖動/拖放。

我需要將框從左側拖入右側的目標框中。它可以很好地工作，但是如果一個值框的id沒有放在任何目標盒子上，它需要浮動回到左側部分。

它有點作品，如果我拖動一點，然後釋放，但當它離得更遠時，它就坐在那裏。我已添加

$(".card").draggable({ revert: "invalid" }); 

但它似乎沒有幫助。我錯過了什麼？

Here's DEMO。

Answer 1

我認爲根據您的演示，您的可拖動不會恢復，因爲它實際上觸及了有效的可拖拽目標（演示中的#dropZone元素，它基本上是背景）。

您可以通過不將該元素轉換爲droppable或通過使drop處理程序「恢復」可拖動元素本身來解決該問題。