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

[해피CGI][cgimall]Mobile-friendly Drag And Drop Plugin With jQuery - draganddrop.js 본문

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

[해피CGI][cgimall]Mobile-friendly Drag And Drop Plugin With jQuery - draganddrop.js

해피CGI윤실장 2022. 3. 14. 09:16

다운로드 받은 파일의 압축을 해제한뒤
demo/demo.html 파일을 웹브라우저로 열어보면 확인이 가능합니다.



웹페이지에 표시된 요소들을 드래그 앤 드랍 하는 프로그램은 많지만,
많은 프로그램이 jquery ui 를 이용해야만 작동이 되는데,
이 프로그램은 jquery ui 가 없이도 작동하는 장점이 있습니다.



버튼을 끌어다 정해진 위치에 가져다 놓을수도 있으며,
아래 그림 처럼 아무 위치에나 배치시키는 예제도 있습니다.







드래그 앤 드랍을 이용해서 일반적인 리스트의 순서를 조절한다거나,
리스트를 그룹화 시킨다거나 하는 용도로도 사용이 가능하네요.




사용하는 방법은 아래와 같습니다.





 

 

Comments