jQuery UI - 对表格行进行排序并允许同时删除表格行？

Question

我正在开发一个任务管理应用程序。每个任务都显示在单独的表格行中。我希望用户能够对表格行进行排序，以及将一行放入另一个嵌套任务的行中。

到目前为止，我已经弄清楚了如何对元素进行排序。没什么大不了的。问题是我还需要能够将表​​行放在其他表行上，这似乎有点棘手。我知道我需要将draggable 和droppable 与sortable 结合使用？或者也许我根本不需要sortable，我不知道。

我尝试实现draggable，但似乎没有任何反应。 Check it out.

谁能指出我正确的方向或给我一些建议？

编辑：当您将行放在另一行上时，我实际上并不想嵌套行，而是隐藏拖动的行。删除后，我将进行 ajax 调用，将“捕手行”设置为数据库中的父级。

Answer 1

可以将 Draggable 和 droppable 与 sortable 结合起来，查看这个 JQFAQ.com 主题，这里他们启用了 droppable 和 sortable in list。