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 웹 사이트 또는 응용 프로그램에서 전환 선택을 확장하는 옵션입니다.