기본 정보
jquery mobile |
2011/08/30 10:40
jquery 기반 mobile 프레임워크
공식 홈페이지 http://jquerymobile.com/
HTML5기반으로 PC웹브라우저에 비적합
필요한 파일
jquery 자바스크립트 http://jquery.com/
jquery mobile 자바스크립트 http://jquerymobile.com/download/
jquery mobile 스타일시트 http://jquerymobile.com/download/
사용자에게 보여질 부분은 아래 태그로 시작한다.
공식 홈페이지 http://jquerymobile.com/
HTML5기반으로 PC웹브라우저에 비적합
필요한 파일
jquery 자바스크립트 http://jquery.com/
jquery mobile 자바스크립트 http://jquerymobile.com/download/
jquery mobile 스타일시트 http://jquerymobile.com/download/
사용자에게 보여질 부분은 아래 태그로 시작한다.
<div data-role="page"> ... </div>기본 템플릿
기본 구조
<div data-role="page"> <div data-role="header">...</div> <div data-role="content">...</div> <div data-role="footer">...</div> </div>
<!DOCTYPE html> <html> <head> <title>Page Title</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0b2/jquery.mobile-1.0b2.min.css" /> <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.2.min.js"></script> <script type="text/javascript" src="http://code.jquery.com/mobile/1.0b2/jquery.mobile-1.0b2.min.js"></script> </head> <body> <div data-role="page"> <div data-role="header"> <h1>Page Title</h1> </div><!-- /header --> <div data-role="content"> <p>Page content goes here.</p> </div><!-- /content --> <div data-role="footer"> <h4>Page Footer</h4> </div><!-- /footer --> </div><!-- /page --> </body>
</html>
js1.html'jquery mobile' 카테고리의 다른 글
| 기본 정보 (0) | 2011/08/30 |
|---|
TAG jQuery Mobile
