jQuery Mobile-전환

지정된 기간 동안 발생하는 속성 값을 변경하고 각 상태에 대해 서로 다른 스타일을 적용하여 요소의 동작을 한 상태에서 다른 상태로 변경할 수 있습니다.

다음 표에는 jQuery Mobile 프레임 워크에서 사용되는 일부 페이지 전환이 나열되어 있습니다.

Sr. 아니. 전환 및 설명 페이지 대화 상자
1

fade

요소를 페이드 인 / 아웃으로 만들 수 있습니다.

페이드 페이지 페이드 대화 상자
2

flip

요소를 뒤에서 앞으로 다음 페이지로 뒤집습니다.

페이지 뒤집기 뒤집기 대화 상자

pop

팝업 창을 만들 수 있습니다.

팝 페이지 팝 대화 상자
4

flow

현재 페이지를 멀리하여 다음 페이지를 표시합니다.

흐름 페이지 흐름 대화 상자
5

slide

페이지를 오른쪽에서 왼쪽으로 슬라이드 할 수 있습니다.

슬라이드 페이지 슬라이드 대화 상자
6

slidefade

페이지를 오른쪽에서 왼쪽으로 밀고 다음 페이지에서 페이드합니다.

Slidefade 페이지 Slidefade 대화 상자
7

slideup

페이지를 아래에서 위로 슬라이드합니다.

슬라이드 업 페이지 슬라이드 업 대화 상자
8

slidedown

페이지를 위에서 아래로 슬라이드합니다.

슬라이드 다운 페이지 슬라이드 다운 대화 상자
9

turn

다음 페이지로 넘어갈 수 있습니다.

페이지 넘기기 회전 대화
10

none

이 속성을 사용하여 전환 효과를 사용할 수 없습니다.

없음 페이지 없음 대화 상자

전환 및 전역 구성 설정

기본적으로 페이지는 fade프레임 워크의 전환. 다음을 추가하여 사용자 정의 전환을 사용할 수 있습니다.data-transition링크에 대한 속성. 다음을 사용하여 페이지에 다른 기본 전환 효과를 사용할 수 있습니다.defaultPageTransition옵션입니다. 대화 상자의 경우 다음을 사용할 수 있습니다.defaultDialogTransition 선택권.

대체 전환

페이드 전환을 제외한 모든 전환은 3D 변형을 지원합니다. 3D 변환을 지원하지 않는 장치는 페이드 변환을 사용해야합니다. 일부 브라우저는 각 전환 유형에 대해 3D 변형을 지원하지 않으므로fade 기본 전환 대체로.

전환을위한 최대 스크롤

페이지에서 또는 페이지로 스크롤 할 때 전환이 없음으로 설정되고 스크롤 위치는 장치 화면 높이의 3 배가됩니다. 때로는 응답 속도가 느려지거나 탐색 요소를 클릭 할 때 브라우저가 충돌 할 수 있습니다. 이를 방지하기 위해 스크롤 위치를 사용하여getMaxScrollForTransition 함수.

전환을위한 최대 너비

창 너비가 픽셀 너비보다 높을 때 전환을 비활성화 할 수 있습니다. 다음을 사용하여 전환의 최대 너비를 구성 할 수 있습니다.$.mobile.maxTransitionWidth기본적으로 false로 설정되는 전역 옵션입니다. 픽셀 너비 또는 거짓 값과 같은 값을 취하며 창이 지정된 값보다 높을 때 거짓 값이 아니면 전환이 없음으로 설정됩니다.

동일한 페이지 전환

다음을 사용하여 현재 페이지에 전환을 추가 할 수 있습니다. allowSamePageTransition 페이지 컨테이너 위젯의 옵션 change() 방법.

사용자 정의 전환 만들기

페이지에서 사용자 정의 전환을 만들 수 있습니다. $.mobile.transitionHandlers 웹 사이트 또는 응용 프로그램에서 전환 선택을 확장하는 옵션입니다.