使用网格恢复“无效”不会使用 jQuery UI Draggable 返回到起始位置

Question

简而言之，如果您将 draggable 与网格一起使用并在可拖动项目上设置 revert: 'invalid'，它们不会返回到您开始拖动它们的完全相同的位置。它们会回到靠近你开始拖动它们的地方……很奇怪。

这很可能是 UI 中的错误。如果是这样，有人知道是否有解决方法吗？

示例： http://jsfiddle.net/n2AUv/11/

谢谢！ 约翰。

Answer 1

grid option documentation 说：

将拖动的 helper 捕捉到网格，每 x 和 y 像素。

所以看起来grid 被设计为仅与某种助手一起使用。真的，如果你使用helper: "clone" 事情很好：助手返回原始实例的位置附近并且

是的，这看起来像是 UI 中的错误。 但是有一个解决方法：use helper for dragging:

$(".dragme").draggable({
    revert: true,
    helper: "clone",
    grid: [50,50]
});

此解决方法引入了其他奇怪的错误：在可放置区域助手上的有效放置被破坏并且原始实例存在于它的位置之后（您可以在 fiddle 看到它）。

这个错误以某种方式解决了 draggable 与 connectToSortable 选项。也许也可以解决您的问题。

另外，我怀疑整个混乱是因为 this chunk of code 在可拖动。