라이브러리 창고/레이아웃 · 내비게이션 메뉴 · 버튼

리스트 순서를 맘대로... 「sortable.js」

Recstasy 2023. 1. 5. 07:33

 

가끔 제이쿼리류(?) 때문에 속 터질 때가 있다.

드래그 기능 하나 사용해보겠다고 그 뚱뚱한 라이브러리를?

 

단지 리스트 순서만 변경하는 UI가 필요할 뿐인데..

 

뚱뚱한 UI라이브러리가 싫다면,

sortable.js가 딱.

 

백문 불여일견.

sortable.js를 적용해보자.

 


  • This is Sortable
  • It works with Bootstrap...
  • ...out of the box.
  • It has support for touch devices.
  • Just drag some elements around.

 

 

 

바로 이거다. 초간단.

 

 

GitHub - SortableJS/Sortable: Reorderable drag-and-drop lists for modern browsers and touch devices. No jQuery or framework requ

Reorderable drag-and-drop lists for modern browsers and touch devices. No jQuery or framework required. - GitHub - SortableJS/Sortable: Reorderable drag-and-drop lists for modern browsers and touch...

github.com

 

CDN과 기타 CSS라이브러리와 섞을수록

좀더 맛깔나는 리스트를 구현할 수 있다.