[Jquery] Sortable 라이브러리 사용하여 리스트 드래그 앤 드롭 만들기


[Jquery] Sortable 라이브러리 사용하여 리스트 드래그 앤 드롭 만들기

Todo List / table List 등 다양한 리스트들 있습니다. 리스트들을 드래그 해서 순서를 변경하는 코드 소개합니다 Sortable 라이브러리 사용했습니다. 기본적인 리스트를 마지막버튼을 드래그 하여 초록색 점이 2번째로 이동! CDN //드래그 & 드롭 Sortable.create(listWithHandle, { handle: '.my-handle', animation: 150, // Element dragging ended onEnd: function (e) { //드롭했을때 이벤트 실행 var itemEl = e.item; // dragged HTMLElement console.log(e.newIndex+1); updateSort(); } }); updateSort()함수를 만들어 리..


원문링크 : [Jquery] Sortable 라이브러리 사용하여 리스트 드래그 앤 드롭 만들기