가끔 제이쿼리류(?) 때문에 속 터질 때가 있다.
드래그 기능 하나 사용해보겠다고 그 뚱뚱한 라이브러리를?
단지 리스트 순서만 변경하는 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라이브러리와 섞을수록
좀더 맛깔나는 리스트를 구현할 수 있다.
'라이브러리 창고 > 레이아웃 · 내비게이션 메뉴 · 버튼' 카테고리의 다른 글
| 폼 디자인이 막막하다면,「slim select.js」 (0) | 2023.01.09 |
|---|---|
| 「vertex」 3d 아이콘 (0) | 2022.06.03 |
| 「Sharer.js」SNS 공유버튼 JS라이브러리 (0) | 2022.02.01 |
| 「SHEPHERD.js」 팝업 이동 내비게이션 (0) | 2022.01.29 |
| 『Cheetah Grid.js』매력적인 테이블 JS라이브러리 (0) | 2021.04.28 |
댓글