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

Question

简而言之，如果您使用draggable与网格并设置revert：'无效'可拖动项目，它们不会返回到您开始拖动它们的完全相同的位置。他们回到你开始拖动它们的地方附近......非常奇怪。

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

实施例： http://jsfiddle.net/n2AUv/11/

谢谢！ 约翰。

Answer 1

grid option documentation说：

  

将拖动帮助拖动到网格中，每个x和y像素。

所以看起来grid只能用于某种助手。实际上，如果你使用helper: "clone"事情是好的：帮助者返回原始实例的位置和

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

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

此解决方法引入了其他奇怪的错误：在droppable区域帮助器上的有效删除被破坏并且原始实例存在于其中（您可以在fiddle处看到它）。

这个错误以draggable选项解决了connectToSortable。也许你的案例中也可以解决这个问题。

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