[해피CGI][cgimall] jQuery UI Draggable Snap to element or grid

드래그 영역dmf DOM 요소의 안쪽 또는 바깥쪽 경계에 스냅합니다.

grid 옵션을 사용하여 드래그 격자 셀의 크기를 설정할 수 있습니다.

 

 

 

$( "#draggable" ).draggable({ snap: true });
다른 모든 드래그 가능한 요소에  드래그됩니다.

$( "#draggable2" ).draggable({ snap: ".ui-widget-header" });
target 영역의 안쪽에서 선에 가까지 드래그 하면 자동으로 선에 맞춰서 드래그 됩니다.

$( "#draggable3" ).draggable({ snap: ".ui-widget-header", snapMode: "outer" });
target 영역의 바깥쪽에서 선에 가까지 드래그 하면 자동으로 선에 맞춰서 드래그 됩니다.

$( "#draggable4" ).draggable({ grid: [ 20, 20 ] });
20x20 격자로 드래그됩니다.

$( "#draggable5" ).draggable({ grid: [ 80, 80 ] });
80x80 격자로  드래그됩니다.



소스 원본은 첨부파일을 참고하세요