jquery가 포함 된 여러 정렬 가능 목록

Question

프로젝트 중 하나에 대한 할 일 목록 응용 프로그램을 구축 중이며 데이터베이스에서 여러 할 일 목록을 동적으로 만들고 각 할 일 목록에 여러 할 일 목록 항목이 있습니다. 항목은 자체 목록으로 제한되며 다른 목록에 연결할 수 없습니다.

전에 jquery에서 하나의 정렬 가능한 목록을 작성했지만 DRY 코드를 작성하는 방법에 대해 머리를 감싸는 데 어려움을 겪고 있습니다. 따라서 사용자가 작성한 각각의 새로운 todo 목록에 대해 반복하지 않습니다. jquery 코드는 얼마나 많은 할일 목록이 있는지 파악한 다음 각각을 관리해야합니다.

누구나이 작업을 수행하는 방법을 알고 있거나 의사 코드 또는 예제를 통해 이야기 할 수 있습니까?

감사

Answer 1

JQuery와 sortable 플러그인을 사용하여 단지 (일반)

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

Answer 2

, 당신은 write plugins하려는 jQuery를 건조, 또는 같은 Tablesorter 같은 기존 플러그인을 사용합니다.

Answer 3

다른 두 옵션과 같은 일을 잘못의 새로운 기능 :

1. 이 ID로 정렬 그룹을 만들 :

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

2. 클래스별로 정렬 가능한 그룹을 만듭니다.

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