제대로 jQuery Mobile 이 동작하는지 테스트 하겠습니다.
전체 소스 입니다.
<!DOCTYPE html>
<html>
<head>
<title>My Page</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css" />
<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script>
</head>
<body>
<div data-role="page">
<div data-role="header">
<h1>첫 화면</h1>
</div>
<div data-role="content">
안녕하세요~! 같이 공부해요.<br />
http://godffs.tistory.com
</div>
</div>
</body>
</html>
결과화면입니다.
'jQuery | javascript | CSS' 카테고리의 다른 글
| HTML5 - 00.환경설정 (0) | 2014.01.25 |
|---|---|
| 자바스크립트 객체 프로퍼티 만들기 (0) | 2013.11.17 |
| jQuery Mobile - eclipse 에서 jQueryMobile 실행하기 -1 (0) | 2013.03.10 |
| jQuery Mobile - 10.모바일 접속시 화면에 맞게 크기 설정하기 (2) | 2012.10.03 |
| jQuery Mobile - 09.리스트에 이미지, 아이콘 추가하기 (0) | 2012.09.19 |
Comments