최신 웹 개발 튜토리얼
 

jQuery Mobile전환


jQuery를 모바일을 사용하면 페이지가 열립니다 방법을 선택할 수 있습니다 CSS3 효과를 포함한다.


jQuery를 모바일 전환 효과

jQuery를 모바일은 한 페이지에서 다음으로 전환하는 방법에 대한 다양한 효과가 있습니다.

주 : 전환 효과를 달성하기 위해, 3D CSS3를 지원해야 브라우저 변환 :

12.0 10.0 16.0 4.0 15.0

표의 수치는 완전히 차원 변환을 지원하는 제 브라우저 버전을 지정.

전환 효과는 데이터 전이 특성을 사용하여 임의의 링크 또는 양식 제출에 적용될 수있다 :

<a href="#anylink" data-transition="slide" >Slide to Page Two</a>

아래 표는 페이지와 대화 모두에 대한 데이터 전이 특성으로 사용될 수있다 가능한 천이를 나타낸다 :

전이 기술 페이지 대화 상자에 대한
fade 태만. 다음 페이지로 페이드 시도 해봐 시도 해봐
flip 전면 후면에서 다음 페이지로 전환 시도 해봐 시도 해봐
flow 멀리 현재 페이지를 예외 다음 페이지에 제공 시도 해봐 시도 해봐
pop 팝업 창처럼 다음 페이지로 이동 시도 해봐 시도 해봐
slide 오른쪽에서 왼쪽으로 다음 페이지로 슬라이드 시도 해봐 시도 해봐
slidefade 다음 페이지에서 오른쪽에서 왼쪽으로 슬라이드 및 페이드 시도 해봐 시도 해봐
slideup 아래에서 다음 페이지로 슬라이드 맨 시도 해봐 시도 해봐
slidedown 위에서 아래로 다음 페이지로 슬라이드 시도 해봐 시도 해봐
turn 다음 페이지로 밝혀 졌 시도 해봐 시도 해봐
none 어떤 전환 효과 없다 시도 해봐 시도 해봐

페이딩 효과는 jQuery를 모바일에서 모든 링크에 대한 기본값입니다 (있는 경우 브라우저 지원 그것).

팁 : 왼쪽에서 오른쪽으로 페이지가 슬라이드하려는 경우도 위의 모든 효과는 대신, 왼쪽 값과 데이터 방향 속성을 사용할 수있는 권리, 예를 역 / 뒤로 작업을 지원하는 "reverse" .

<a href="#pagetwo" data-transition="slide" data-direction="reverse" >Slide</a>
»그것을 자신을 시도