在jquery draggable中,恢复项目不会返回到它的起始位置

时间:2012-05-02 20:02:23

标签: jquery jquery-ui jquery-ui-draggable

我使用jquery-ui dragable并将revert选项设置为无效。

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

我包含了例子:

http://jsfiddle.net/zMxJv/

2 个答案:

答案 0 :(得分:3)

首先,选项还原仅采用值 true false 无效有效在droppable上可用,您正在使用可拖动。

要解决您的问题,有两个选项,使用可排序和最后一个也可以放置。第一个是选项:

containment: 'parent'

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

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

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

答案 1 :(得分:1)

从代码中删除draggabledroppable - 您实际上并不需要它们,因为sortable可以为您处理。

这是一个更新的小提示,让您了解这个方向:http://jsfiddle.net/zMxJv/5/

如果您只希望每个日期都可以在没有异花授粉的情况下进行排序,请删除connectWith属性。