带有jquery的多个可排序列表

Question

我正在为我的一个项目构建一个待办事项列表应用程序，我正在从数据库动态创建多个待办事项列表，每个待办事项列表将有多个待办事项。这些项目将被限制在自己的列表中，并且无法连接到其他列表。

我以前在jquery中做了一个可排序的列表，但是我很难绕过如何编写DRY代码，所以我不会重复自己为用户创建的每个新的待办事项列表。由于jquery代码必须弄清楚有多少todo列表，然后管理每个。

任何人都知道如何去做这件事，或者你可以通过一些伪代码来说话，或者一个例子会很棒。

由于

Answer 1

使用jQuery sortable插件并执行类似

之类的操作有什么问题

$(document).ready(){
    $('ol, ul').sortable(); //make every ordered and unordered list sortable
});

Answer 2

另外两个选项（一般而言）：

1. 按ID：

   创建可排序组

   $("#list1, #list2, #list3").sortable({ connectWith: "#list1, #list2, #list3" });
   

2. 按类创建可排序组：

   $("#list1, #list2, #list3").sortable({ connectWith: ".transfer" });
   

   （.transfer是该类，只需将其分配给html中的所有列表。）

Answer 3

要成为jQuery中的DRY，您需要write plugins，或使用现有的插件，例如Tablesorter。