본문 바로가기

jquery 드래그2

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 2012. 7. 11.
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 드래그 후.. 2012. 7. 10.