의 jQuery UI의 API - 요소 스태킹 (스태킹 요소)

누적 또는 페이지는 종종 도전 때 현실 세계에 배치 할 때 위젯 (위젯)의 전면의 다른 요소들에 옮겼다. 일반적으로 단순히 스택 요소 변경하여 z-index 페이지 나 부모 요소의 충돌을 방지 할 수 있습니다. 그러나, jQuery를 UI 수동으로 변경할 필요가 필요 z-index 일반적인 솔루션 값. 이에 의해 수행 ui-front , 클래스는 일반적으로 스택 어셈블리와 함께, 완료 appendTo 옵션을 제공합니다.

ui-front 클래스

ui-front , 클래스는 아주 기본입니다. 그것은 단지 정적 요소 세트에 z-index 값. 그러나, 클래스 가서 추가 적층 요소의 존재를 표시하기 위해 사용된다. 이것은 우리 DOM 대부분의 경우에 사용될 수있는 기본적으로 위치의 내용을 생성하는 중첩 사용할 수있다.

참고 : 사용하는 경우 ui-front , 당신은 설정해야 position 로 relative , absolute 또는 fixed 적용하기 위해, z-index .

스태킹 (기술 스택)

추가 위젯을 사용해야 페이지에 요소 스택 ui-front , 클래스, 대부분의 경우,이 있어야 appendTo 옵션을 선택합니다. 누적 된 요소는 다음과 같은 규칙을 따라야합니다 :

• 값이 설정되어있는 경우 appendTo 옵션 요소를 지정된 스택 요소에 추가됩니다.
• 경우 appendTo 옵션이 설정되어 null 요소 (기본값), 위젯은 DOM을 통과 시작으로 관련되어야한다. 자동 완성형 (완성) 메뉴가 DOM에 추가 될 때, 예를 들어, 관련 입력 요소로 이송하기 시작했다.
  • 하나가 발견되면 ui-front 요소 클래스 다음 요소에 추가.
  • 당신이 함께 찾을 수없는 경우 ui-front 클래스의 요소 신체 (몸)에 추가됩니다.
• 요소의 스태킹 position 설정해야합니다 relative , absolute 또는 fixed 일부터 적용하기 ui-front 의 클래스 z-index . 사용 .position ()는 자동으로 설정됩니다 position .