jquery-ui - jQuery UI droppable 浮动返回

Question

我正在构建一个使用 jQuery UI 可拖放/可拖放的应用程序。

我需要将左侧的框拖到右侧的目标框中。它工作正常，但是如果值框 id 没有落在任何目标框上，它需要浮动回到左侧部分。

如果我稍微拖动它然后释放它，它有点工作，但是当它更远时它就坐在那里。我已经添加

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

但这似乎没有帮助。我错过了什么？

这是演示。

Answer 1

我认为根据您的演示，您的可拖动对象没有恢复，因为它实际上击中了有效的可放置目标（演示中的 #dropZone 元素，本质上是背景）。

您可以通过不将该元素转换为可放置元素或使其放置处理程序“还原”可拖动元素本身来修复它。