jquery - 使用网格恢复 'invalid' 不会使用 jQuery UI Draggable 返回到起始位置

Question

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

这很可能是用户界面中的一个错误。如果是这样，有人知道是否有解决方法吗？

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

谢谢! 约翰。

Answer 1

grid option documentation说:

Snaps the dragging helper to a grid, every x and y pixels.

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

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

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

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

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

另外，我怀疑整个困惑是因为 this chunk of code可拖动。