이 기사의 예에서는 jQueryMobile을 사용하여 슬라이딩 페이지 넘김 효과를 얻는 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 분석은 다음과 같습니다.
jQuery Mobile은 휴대폰 및 태블릿 기기용 jQuery 버전입니다. jQuery Mobile은 jQuery 코어 라이브러리를 주류 모바일 플랫폼으로 가져올 뿐만 아니라 완전하고 통합된 jQuery 모바일 UI 프레임워크도 출시합니다. 글로벌 주류 모바일 플랫폼을 지원합니다. 이는 페이지가 APP 인터페이스에 빠르게 작성될 수 있어 사용자가 웹페이지를 탐색할 수 있다는 것을 의미하며, 이는 잘 구성된 앱을 사용하는 것과 같습니다.
먼저 jQueryMobile에서 압축 패키지를 다운로드하고(이 사이트에서 다운로드하려면 여기를 클릭하세요), 웹 페이지에서는 jquery만 참조하지만 압축 패키지의 모든 콘텐츠를 사이트 폴더로 가져옵니다. mobile-1.4.5.js 및 jquery.mobile-1.4.5.css이지만 문서 데모 폴더를 제외하고 다른 보조 파일은 필수적입니다. js 파일은 css 파일과 동일하지만 Bootstrap처럼 모든 기능을 하나의 js로 통합하지는 않습니다. 특정 폴더가 누락된 경우 일부 아이콘이 표시되지 않을 수 있습니다. 그리고 원래 루트 폴더인 jquery.mobile-1.4.5의 이름을 jqmobile이나 다른 이름으로 변경해 주세요. 어쨌든 폴더에 .-이러한 문장 부호가 있습니다. 그렇지 않으면 jquery.mobile-1.4.5.js를 참조하세요. 웹페이지는 jquery.mobile-1.4.5.css에 유효하지 않을 수 있습니다.
동시에 플러그인인 jquery.mobile에는 jQuery1.11 지원이 필요합니다. jQuery2 대신 이전 브라우저 IE6과 호환되는 jQuery1.11을 다운로드하려면 jQuery 공식 웹사이트로 이동하세요. 이전 브라우저 IE6과 호환되지 않습니다. 다운로드한 jQuery1.11.js를 jQueryMobile 파일과 함께 넣어주세요. 아래와 같이:
이후 웹페이지에 코드를 작성하시면 됩니다. 자세한 내용은 댓글을 참고해주세요.
