Draggable, 드래그 Delay 주기, snap효과, 복원

Draggable

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

필요한 모듈 ( Dependencies )

• UI Core
• UI Widget
• UI Mouse

 

 

Delay 주기 source view

개요 : 드래그 함수 Delay 주기

바로 드래그 가능

클릭 후 1초를 기다려야 드래그 가능

 

자석/그리드 효과주기source view

특정 영역에 자석효과 및 그리드 효과 주기

snap 타겟 박스입니다.

기본타입 (snap: true), 드래그가 되는 다른 모든 요소에 snap 됩니다.

오로지 타겟박스에만 snap 됩니다.

오로지 타겟박스 바깥에만 snap 됩니다.

20 x 20 그리드 형태로 움직임

80 x 80 그리드 형태로 움직임

 

제자리로 돌아가기 source view

드래그 후 원래 위치로 돌아가기

기본 복원

helper만 복원