Jquery ui jQuery可排序待办事项列表

Jquery ui jQuery可排序待办事项列表,jquery-ui,drag-and-drop,jquery-ui-sortable,Jquery Ui,Drag And Drop,Jquery Ui Sortable,我正在尝试建立一个待办事项列表 我希望我的用户能够将项目标记为已完成,此时项目将被下拉到“已完成”列表中,反之亦然。我还希望这些列表中的每一个都可以独立排序 我使用一个基本的自定义方法来来回移动项目,并使用jQueryUI Sortable对它们进行排序 所有这些事情我都能做到;但是,站点似乎不支持DOM?正在注册项目已从一个列表移动到另一个列表。如果我将一个项目标记为“完成”,它会向下移动…并在“完成”列表中变得可排序,但我会以序列化格式回显当前位置,因为我将在db中记录顺序,而应用程序似乎无

我正在尝试建立一个待办事项列表

我希望我的用户能够将项目标记为已完成,此时项目将被下拉到“已完成”列表中,反之亦然。我还希望这些列表中的每一个都可以独立排序

我使用一个基本的自定义方法来来回移动项目,并使用jQueryUI Sortable对它们进行排序

所有这些事情我都能做到;但是,站点似乎不支持DOM?正在注册项目已从一个列表移动到另一个列表。如果我将一个项目标记为“完成”,它会向下移动…并在“完成”列表中变得可排序,但我会以序列化格式回显当前位置,因为我将在db中记录顺序,而应用程序似乎无法识别该项目已移动

当一个项目被标记为完成或不完整时,我想强制应用程序重新计算项目列表


帮助?

我觉得您应该看看可排序的resfresh方法:


我会从。刷新开始,看看这是否也会重新计算位置。我想是的,但如果不是,你可能也需要触发另一个。

有几件事值得我评论:-

1当您“移动”一个项目时,您移动的内容超出了您的预期-移动的项目周围有一个“tbody”-您的代码非常脆弱,这取决于父项。父项。。。这将是一场噩梦

2您有各种parent.parent结构-将这些结构丢失并切换到“.closest”,以便在树上搜索要操作的项目类别

3您正在使用绑定/解除绑定进行操作-丢失它们并切换到“$document.body.on,…”,然后jquery将根据选择器链接自动添加/删除事件一次,然后忘记

一旦这样做了错误可能会消失-如果没有,它仍然会更清晰,以便能够正确调试

问候

如果是我,我想我会把这两个列表链接起来,这样它们就可以排序在一起,如果一个项目从一个列表移动到另一个列表,我会切换完成标志


通过这种方式,用户可以通过两种方式更改状态,而jquery将完成所有繁琐的工作,因为您只需对普通链表进行排序。

好吧,我尝试过这种方式,包括刷新、刷新位置、取消绑定然后刷新……所有这些方法都没有用。不过,谢谢你的主意……我确信这会是一张罚单