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

개요 : 다시 제자리로 돌아가는 두가지 패턴의 예제입니다.

타겟 영역에 올리면 복귀 기능을 가집니다.

타겟 영역에 드롭된 후에 타겟 영역으로 복귀되는 기능을 가집니다.

Drop me here