在 jquery 中可拖动，revert 项目不会返回到它的起始位置答案

【问题标题】：in jquery dragable, with revert the item doesn't return to it's start position在 jquery 中可拖动，revert 项目不会返回到它的起始位置
【发布时间】：2012-05-02 20:02:23
【问题描述】：

我使用 jquery-ui 可拖动并将还原选项设置为无效。

问题是当我将一个项目拖放到一个无效位置时，它不会返回到它的起始位置。它发生在新的位置。

我包含了这个例子：

http://jsfiddle.net/zMxJv/

【问题讨论】：

您只是在使用它对列表中的项目进行排序吗？如果是这样，你真的应该考虑一个sortablejqueryui.com/demos/sortable
我也使用 sortable 和 dropable.. 我认为可拖动的问题！

标签： jquery jquery-ui jquery-ui-draggable

【解决方案1】：

首先，revert 选项仅采用 true 和 false 值，invalid 和有效在 droppable 上可用，您正在使用 draggable。

为了解决您的问题，有两个选项，既使用 sortable，最后一个也可 droppable。第一个是选项：

containment: 'parent'

这甚至不允许您将元素拖到容器外。

另一个选项需要更多代码。看看这个：http://jsfiddle.net/qMdGs/3/

更新： http://jsfiddle.net/qMdGs/5/

【讨论】：

它没有解决问题...请检查示例我更新它。
好吧，那我不知道。我的解决方案是这样做的： 1. 您可以对容器中的所有元素进行排序 2. 如果您将可排序的元素放在容器外，它会回到原来的位置。如果这不是您想要的，请说明问题所在以及您想要的方式。你的例子什么也没说。
我还应该说我的代码不是最终的代码，我没有拿你的 html、classes 等。我只是向你展示了它是如何工作的，剩下的就看你了。
我认为当有多个 droppable 时会出现问题
哦，好吧，我知道了。我又更新了，看看能不能如你所愿。

【解决方案2】：

从代码中删除 draggables 和 droppable - 实际上您并不需要它们，因为 sortable 会为您处理这些。

这是一个更新的小提琴，让您了解它的方向：http://jsfiddle.net/zMxJv/5/

如果您只希望每一天都可以排序，而不需要与其他天进行异花授粉，请删除 connectWith 属性。

【讨论】：