jQuery UI Draggable Snap to element or grid happycgi

회원가입

출석체크

마이페이지

CGIMALL

jquery , CSS , PHP , Javascript , 무료폰트 , ASP

홈 > JAVASCRIPT > javascript 소스창고 > JQuery > jQuery UI Draggable Snap to element or grid 상세정보

클라우드태그

javascript

php

html

ASP

mysql

CSS

mobile

jquery

image

slide

占쌨댐옙

메뉴

占쏙옙占쏙옙占쏙옙트

현재접속자 명

jQuery UI Draggable Snap to element or grid

해피팀

네티즌

소스분류

JQuery

다운로드 횟수

58 회

간단설명

드래그 영역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 격자로 드래그됩니다.

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