2015 제10주 수요일 jquery ui position

jQuery UI API - .position()
소속 범주
메서드 재로드(Method Overrides)  |  메서드(Methods)  |  유틸리티
사용법
설명: 다른 요소를 기준으로 요소를 배치합니다.
반환: jQuery
버전 추가: 1.8
.position( options )
 
매개 변수
타입
묘사
options
Object

my(기본값: "center" 유형:String 설명: 위치추적 요소에 대한 대상 요소의 위치를 정의합니다. "horizontal vertical"정렬 방식."right"와 같이 "right"은 "right center", "top"은 "center top"(아래 CSS 협약)처럼 단일한 값입니다.허용 가능한 수평값: "left", "center", "right".받아들일 수 있는 수직 값:'top','센터','bottom'.예를 들어, "left top"또는 "center center"입니다.각 위도에는 픽셀 또는 백분율로 오프셋이 포함될 수 있습니다. 예를 들어 "right+10 top-25%"입니다.백분율 오프셋은 배치된 요소를 기준으로 합니다.

at(기본값: "center") 유형:String 설명: 대상 요소의 위치: "horizontal vertical"정렬 방식을 정의합니다.더 자세한 정보를 원하시면 my 옵션의 가능한 값을 보십시오.백분율 오프셋은 대상 요소를 기준으로 합니다.

of(기본값: null 유형: Selector 또는 Element 또는 jQuery 또는 Event 설명: 지정할 요소.선택기(Selector)나 jQuery 객체를 제공하면 첫 번째 일치하는 요소가 사용됩니다.이벤트(Event) 객체를 제공하는 경우 "#top-menu"와 같은 페이지X 및 페이지Y 속성이 사용됩니다.

collision (기본값: "flip" 형식:String 설명: 위치추적 요소가 특정한 방향으로 창을 넘으면 다른 위치로 이동합니다.my와at 옵션과 비슷합니다. 이 옵션은 단일한 값이나horizontal/vertical 값을 받아들일 것입니다.예를 들어'flip','fit','fit flip','fit none'이다.

"flip": 원소를 목표의 반대편으로 돌려서collision을 다시 실행하여 원소가 적합한지 확인합니다.어느 쪽이 더 많은 원소를 볼 수 있도록 허락하든지 그 쪽을 사용하세요.

fit: 원소를 창의 가장자리에서 옮깁니다.

"flipfit": 우선flip논리를 응용하여 원소를 더 많은 원소가 볼 수 있는 쪽에 놓는다.그리고fit 논리를 적용하여 가능한 한 많은 요소가 보일 수 있도록 합니다.

"none":collision 검사를 사용하지 않습니다.

using(기본값: null 유형:Function() 설명: 이 옵션을 지정하면 실제 속성 설정은 이 리셋에 의뢰됩니다.두 개의 매개 변수를 수락합니다: 첫 번째는 위치 top와left 값의 해시입니다. 전송할 수 있습니다.css () 또는.animate();두 번째는 두 요소의 위치와 사이즈에 대한 피드백을 제공하고 그들의 상대적인 위치를 계산한다.target과 요소는 다음과 같은 속성이 있습니다: 요소,left,top,width,height.또한horizontal,vertical,important도 있어 12가지 가능한 방향을 제공했다. 예를 들어 {horizontal:"center",vertical:"left",important:"horizontal"}이다.

within(기본값: window 유형: Selector 또는 Element 또는 jQuery 설명: 요소가 within으로 위치하면collision 검사에 영향을 줄 수 있습니다.선택기(Selector)나 jQuery 대상을 제공하면 첫 번째 일치하는 요소를 사용합니다.

jQuery UI .position() 방법은 창 (window), 문서, 다른 요소 또는 포인터 (cursor)/마우스 (mouse) 에 비해 원소를 찾을 수 있도록 합니다. 부모 요소의 편이 (offset) 를 고려할 필요가 없습니다.
참고: jQuery UI에서는 숨겨진 요소를 찾을 수 없습니다.
이것은 독립된 jQuery 플러그인이며 다른 jQuery UI 구성 요소에 대한 의존 관계가 없습니다.
이 플러그인은 jQuery에 내장된 .position() 방법에서 확장됩니다.만약 jQuery UI가 불러오지 않는다면, 호출 .position() 방법은 jQuery에 존재하기 때문에 직접 실패하지 않을 것입니다.하지만 예기한 행동은 일어나지 않는다.
위의 내용은 다음과 같습니다.http://www.w3cschool.cc/jqueryui/api-position.html
구체적인 사례는 참고할 수 있다.http://www.w3cschool.cc/jqueryui/example-position.html
마침내 안의 매개 변수의 의미를 깨달았다. my는 자신이 수평(left right center)과 수직(top bottom center)에 있는 부분을 말하고,at는 목표 요소 of를 맞추는 수평(left right center)과 수직(top bottom center) 부분을 말한다.
저녁에야 w3cschool이 있다는 것을 발견했고 w3school과는 별개의 일이어서 너무 부끄러웠다.
http://www.w3cschool.cc/ http://www.w3school.com.cn/