jQuery UI可放回浮动

Question

我正在使用jQuery UI draggable/droppable构建一个应用程序。

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

如果我把它拖一点，然后松开，它就会起作用，但当它离得更远时，它就会停在那里。我已经添加了

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

但这似乎没有帮助。我遗漏了什么？

这是DEMO。

Answer 1

根据您的演示，我认为您的draggable没有恢复，因为它实际上命中了一个有效的droppable目标(演示中的#dropZone元素，本质上就是背景)。

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