Mobile-friendly Drag And Drop Plugin With jQuery

회원가입

출석체크

마이페이지

CGIMALL

jquery , CSS , PHP , Javascript , 무료폰트 , ASP

홈 > JAVASCRIPT > javascript 소스창고 > 드레그엔드롭 > Mobile-friendly Drag And Drop Plugin With jQuery - draganddrop.js 상세정보

클라우드태그

javascript

HTML

PHP

Api

CSS

ASP

2022

mysql

메일링

jquery

모듈

갤러리

쇼핑몰

현재접속자 명

Mobile-friendly Drag And Drop Plugin With jQuery - draganddrop.js

해피팀

네티즌

소스분류

드레그엔드롭

다운로드 횟수

24 회

간단설명

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

평가하기

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

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

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

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

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