droppable3 UI Droppable, 이미지 갤러리 휴지통 기능 구현 droppable 원문 링크 http://jqueryui.com/demos/droppable/ 필요한 모듈 ( Dependencies ) UI Core UI Widget UI Mouse UI Draggable 드래그 앤 드롭으로 휴지통에 버리기 구현 source view High Tatras View larger Delete image High Tatras 2 View larger Delete image High Tatras 3 View larger Delete image High Tatras 4 View larger Delete image 휴지통 휴지통 2012. 7. 20. Droppable, visual 효과 처리, revert 기능 제어 droppable 원문 링크 http://jqueryui.com/demos/droppable/ 필요한 모듈 ( Dependencies ) UI Core UI Widget UI Mouse UI Draggable 드롭 visual 효과처리 source view 개요 : 드롭될 요소에 따라 시각적인 효과 처리를 달리 합니다. hover가 되야 클래스 변경 : Drag me to my target Drop here 요소를 움직이면 클래스 변경 : Drag me to my target Drop here 드롭 복귀 기능 제어source view 개요 : 다시 제자리로 돌아가는 두가지 패턴의 예제입니다. 타겟 영역에 올리면 복귀 기능을 가집니다. 타겟 영역에 드롭된 후에 타겟 영역으로 복귀되는 기능을 가집니다. Dr.. 2012. 7. 20. Droppable, 드롭 기본사용, 드롭 비활성, 전달 방지 droppable 원문 링크 http://jqueryui.com/demos/droppable/ 필요한 모듈 ( Dependencies ) UI Core UI Widget UI Mouse UI Draggable 드롭 기본사용 source view 개요 : 드롭 기능의 기본 사용법입니다. target에 드래그 드롭하세요! Drop here 드롭 기능 활성/비활성source view 개요 : 드롭을 가능하게 하거나 불가능하게 옵션을 제어합니다. 드래그는 되지만 드롭은 안됨!! 타겟에 드래그 드롭 가능 accept: '#draggable3' 전달 방지 source view 개요 : greedy 옵션을 이용하여 타겟에 드롭 됬을 경우, 상위 요소로 드롭 효과가 전달되는 것을 방지하거나 허용 내부요소로 움직여 보세.. 2012. 7. 20. 이전 1 다음