jQuery 모바일 설치
웹페이지에 jQuery Mobile 추가
다음과 같은 방법으로 웹페이지에 jQuery Mobile을 추가할 수 있습니다.
CDN에서 jQuery Mobile 로드(권장)
jQuerymobile .com에서 jQuery Mobile 라이브러리 다운로드
Load jQuery Mobile from CDN
 | CDN의 정식 명칭은 Content Delivery Network, 즉 콘텐츠 유통 네트워크입니다. 데이터 전송 속도와 안정성에 영향을 줄 수 있는 인터넷상의 병목 현상과 링크를 최대한 방지하여 콘텐츠 전송이 더 빠르고 안정적으로 이루어질 수 있도록 하는 것이 기본 아이디어입니다. . |
|---|
jQuery 코어를 사용하려면 컴퓨터에 아무것도 설치할 필요가 없습니다. jQuery를 사용하려면 웹 페이지에 다음 계단식 스타일(.css)과 JavaScript 라이브러리(.js)만 로드하면 됩니다. 모바일:
Instance
<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css"> <script src="http://code.jquery.com/jquery-1.11.3.min.js"></script> <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script> </head> <body> <div data-role="page" id="pageone"> <div data-role="header"> <h1>欢迎来到我的主页</h1> </div> <div data-role="content"> <p>欢迎！</p> </div> <div data-role="footer"> <h1>底部文本</h1> </div> </div> </body> </html>
인스턴스 실행»
온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요.
국내 사용자는 Baidu CDN을 권장합니다.
Instance
<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.css"> <script src="http://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script> <script src="http://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.js"></script> </head> <body> <div data-role="page" id="pageone"> <div data-role="header"> <h1>欢迎来到我的主页</h1> </div> <div data-role="content"> <p>欢迎！</p> </div> <div data-role="footer"> <h1>底部文本</h1> </div> </div> </body> </html>
인스턴스 실행 »
클릭 "온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요
이 튜토리얼에서 참조하는 라이브러리는 Baidu CDN 리소스 라이브러리입니다.
jQuery Mobile 다운로드
jQuery Mobile을 호스트에 설치하려면 jQuerymobile.com에서 파일을 다운로드할 수 있습니다.
<head> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="jquery.mobile-1.4.5.css"> <script src="jquery.js"></script> <script src="jquery.mobile-1.4.5.js"></script> </head>
팁: 다운로드한 파일을 웹페이지와 동일한 디렉토리에 저장하세요.
| <script> 태그에 type="text/javascript"가 삽입되지 않은 이유가 궁금하십니까? 이 속성은 HTML5에서 더 이상 필요하지 않습니다. JavaScript는 모든 최신 브라우저에서 HTML5의 기본 스크립트 언어입니다! |
|---|
