Draggable, 핸들러 제어, 드래그 + 정렬(Sortable) 기능

Draggable

원문 링크 http://jqueryui.com/demos/draggable/

필요한 모듈 ( Dependencies )

• UI Core
• UI Widget
• UI Mouse

 

 

핸들러 설정 source view

개요 : 핸들러를 설정하여 드래그 제어

요기를 잡아야 움직임

여기를 잡아야 움직임

여기는 안 움직임
여기는 안 움직임
여기는 안 움직임

 

핸들 제어하기source view

핸들과 커서를 제어하기

항상 center로 이동

커서 위치가 좌상단 -5, -5 로 이동

커서가 bottom으로 이동

 

드래그 + 정렬(sortable) source view

드래그가 가능하고 순서를 바꿀수 있습니다.

• 아래로 드래그하세요.

• Item 1
• Item 2
• Item 3
• Item 4
• Item 5