draggable2 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, 드래그 기본사용, 이벤트 제어, 움직임 제한 Draggable 원문 링크 http://jqueryui.com/demos/draggable/ 필요한 모듈 ( Dependencies ) UI Core UI Widget UI Mouse 기본 사용법 source view 개요 : 드래그 함수 기본 드래그 하세요. 드래그 이벤트 보기 source view 드래그 함수 이벤트 작동 방식 보기 드래그 하면 이벤트 발생 횟수를 볼 수 있습니다. "start" invoked 0x "drag" invoked 0x "stop" invoked 0x 드래그 제약 조건 걸기 source view 특정영역 안에서만 움직이거나 움직임의 방향을 제어할 수 있음 좌우, 상하 이동 제어 위 아래 이동만 가능 좌 우로만 이동 가능 부모 창 내에서만 이동 가능하도록 제어 부모 박스 안.. 2012. 7. 10. 이전 1 다음