"JQuery Mobile 시작하기"의 두 판 사이의 차이

2014년 7월 10일 (목) 01:24 판

1 개요

jQuery 모바일 시작하기
jQuery 모바일 튜토리얼

HTML문서에서 jQuery모바일을 사용하려면 다음 3가지를 추가해야 한다.

jQuery 자바스크립트
jQuery모바일 자바스크립트
jQuery모바일 CSS

2 example01.php

<!DOCTYPE html>
<meta charset="utf-8" />
<html>
<head>
	<title>안녕 친구들</title>
	<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.css" />
	<script src="http://code.jquery.com/jquery-1.4.3.min.js"></script>
	<script src="http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.js"></script>
</head>
<body>내용 없음</body>
</html>

데모: http://jmnote.com/jqm/example01.php

3 example02.php

<!DOCTYPE html>
<meta charset="utf-8" />
<html>
<head>
	<title>안녕 친구들</title>
	<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.css" />
	<script src="http://code.jquery.com/jquery-1.4.3.min.js"></script>
	<script src="http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.js"></script>
</head>
<body> 
<div data-role="page">
    <div data-role="header">
        <h1>헤더</h1>
    </div>
    <div data-role="content">
        <div id="banner">
            <h2>배너</h2>
        </div>
        <p>다람쥐 헌 쳇바퀴에 타고파.</p>
        <ul data-role="listview" data-inset="true">
            <li><a href="#">안녕</a></li>
            <li><a href="#">친구들</a></li>
        </ul>
    </div>
    <div data-role="footer">
        <h4>푸터</h4>
    </div>
</div>
</body>
</html>

데모: http://jmnote.com/jqm/example02.php

4 같이 보기

2014년 7월 10일 (목) 01:19 판 (편집) Jmnote (토론 \| 기여) (→‎같이 보기) ← 이전 편집	2014년 7월 10일 (목) 01:24 판 (편집) (편집 취소) Jmnote (토론 \| 기여) 잔글 (Jmnote 사용자가 JQuery모바일 시작하기 문서를 JQuery Mobile 시작하기 문서로 옮겼습니다) 다음 편집 →
(차이 없음)