jquery Mobile 시작하기 - 다중 페이지 전환 예제 연구_jquery

1. JQuery Mobile 에서는 요소를 통해 속성을 해당 ID 번호로 설정하여 수행합니다.

2. 다중 페이지 전환 샘플 코드:

코드 복사 코드는 다음과 같습니다.

;TITLE> 새 문서

JQuery Mobile

홈페이지입니다

>

세부 페이지

저작권: 3I Studio

header data-role="header">

JQuery Mobile

p> ;상세페이지입니다

홈페이지로 돌아가기

🎜 >

3I Studio Copyright

;/HTML>



3. 렌더링 미리보기
:

세부정보 페이지를 클릭하면 다른 페이지로 전환됩니다:

4. 내부 링크

외에 외부 링크도 있습니다. 단, 외부로 설정 다음과 같은 외부 링크를 나타냅니다.

코드 복사
코드는 다음과 같습니다.

세부정보 페이지 5. 애니메이션 효과로 페이지를 전환하려면

코드 복사
와 같은 -transition 속성에 데이터를 추가합니다.

세부정보 페이지 //팝업 효과로 페이지 열기slide: 오른쪽에서 왼쪽으로 슬라이딩 애니메이션 효과 pop: 팝업 효과로 페이지 열기

Slideup: 위로 슬라이드 애니메이션 효과

Slidedown: 아래로 슬라이드 애니메이션 효과
fade : 그라데이션 페이드 효과
플립: 플라이 인

효과