Skip to content

Instantly share code, notes, and snippets.

@JustinChoi21

JustinChoi21/0.basic.html

Last active August 29, 2015 14:16
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save JustinChoi21/0154264d71df7374a700 to your computer and use it in GitHub Desktop.
Save JustinChoi21/0154264d71df7374a700 to your computer and use it in GitHub Desktop.
Download ZIP
jQuery Mobile source
Raw
0.basic.html
<!-- jQuery Mobile 기본구조 -->
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>jQuery Mobile Basic</title>
<!-- 1. viewport 설정 -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scaleable=no">
<!-- 2. css, js import -->
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css" />
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script><!-- jQuery Mobile init event handling position --></script>
<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
<script src="js/index.js"></script>
</head>
<body>
<!-- 3. page -->
<div id="home" data-role="page">
<!-- 4. header -->
<div data-role="header" data-position="fixed" data-theme="a">
<h1>여기는 헤더</h1>
<a href="01.test.html" data-role="button" class="ui-btn-right" data-transition="slideup">Contact us</a>
<a href="dialog.html" data-role="button" class="ui-btn-left" data-rel="dialog">Dialog</a>
</div>
<!-- 5. content -->
<div data-role="content" data-theme="b">
<h1>여기는 컨텐트</h1>
<h1>여기는 컨텐트</h1>
<h1>여기는 컨텐트</h1>
<h1>여기는 컨텐트</h1>
</div>
<!-- 6. footer -->
<div data-role="footer" data-position="fixed" data-theme="c">
<h1>여기는 푸터</h1>
<a href="02.button.html" data-role="button" class="ui-btn-left">Button</a>
</div>
</body>
</html>
Raw
button.html
<a href="" data-role="button" >일반버튼</a>
<a href="" data-role="button" data-inline="true">텍스트 크기에 맞춰진 버튼</a>
<a href="" data-role="button" style="width:300px">사이즈 강제지정된 버튼 (비권장)</a>
<a href="" data-role="button" data-icon="gear">아이콘 있는 버튼</a>
<a href="" data-role="button" data-icon="home" data-iconpos="right">아이콘 위치가 오른쪽인 버튼</a>
<a href="" data-role="button" data-icon="myIcon">커스텀 아이콘 버튼</a>
<a href="" data-role="button" data-icon="gear"></a> <!-- 텍스트는 없고 아이콘만 있지만 버튼 크기는 아이콘에 맞춰져 있지 않음 -->
<a href="" data-role="button" data-icon="gear" data-iconpos="notext">아이콘만 있는 버튼</a>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment