Несколько сортируемых списков с помощью jquery

Question

Я создаю приложение списка задач для одного из моих проектов и динамически создаю несколько списков задач из базы данных, и каждый список задач будет содержать несколько элементов задач. Элементы будут ограничены собственным списком и не смогут быть связаны с другим списком.

Раньше я делал один сортируемый список в jquery, но мне тяжело обдумывать, как писать DRY-код, поэтому я не повторяюсь для каждого нового списка задач, который создает пользователь. Поскольку код jquery должен будет определить, сколько списков задач, а затем управлять каждым из них.

Кто-нибудь знает, как это сделать, или вы можете поговорить об этом с каким-нибудь псевдокодом, или пример был бы великолепен.

Спасибо

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, вы хотите написать плагины или использовать существующий плагин, такой как Tablesorter .