웹솔루션개발 25년 노하우! 해피CGI의 모든것

[해피CGI][cgimall] jQuery를 활용한 모바일 친화적 드래그 앤 드롭 플러그인 - draganddrop.js 본문

웹프로그램밍 자료실/JAVA 자료

[해피CGI][cgimall] jQuery를 활용한 모바일 친화적 드래그 앤 드롭 플러그인 - draganddrop.js

해피CGI윤실장 2025. 7. 16. 09:15

- 소개

draganddrop.js는 jQuery UI 라이브러리 없이도 모든 DOM 요소에 정렬 및 드래그 기능을 제공하는 jQuery 드래그 앤 드롭 플러그인입니다 . 단일 요소, ​​중첩 요소 및 그룹화된 목록을 지원하며, 터치 및 데스크톱 기기와 호환됩니다.





- 라이센스

MIT





- 사용 방법

1. 문서에 다음 파일을 로드하면 draganddrop.js 라이브러리를 사용할 준비가 됩니다.





2. 지정한 DOM 요소에서 드래그 기능을 활성화합니다.





3. 
HTML 목록에서 정렬 및 드래그 기능을 활성화합니다.





4. 
정렬 기능을 사용자 정의할 수 있는 옵션입니다.






5. 드래그 기능을 사용자 정의할 수 있는 옵션입니다.






6. API 메소드.






- 작동 화면

 

Comments