language:jquery:jquery_mobile_basic

차이

문서의 선택한 두 판 사이의 차이를 보여줍니다.

차이 보기로 링크

--- language:jquery:jquery_mobile_basic [2021/05/19 16:53] – kieuns
+++ language:jquery:jquery_mobile_basic [2021/05/31 21:20] – kieuns
@@ 줄 1: / 줄 1: @@
 ~~Title:jQuery Mobile 모바일~~
-====== 스크립트 포함하기 ======
+====== jQueryMobile 포함하기 ======
 [[https://jquerymobile.com/download/|jquerymobile 다운로드]]에 가면 최신 버젼의 복붙용 코드 있음.
@@ 줄 17: / 줄 17: @@
 <body> ...content goes here... </body>
+</html>
+</code>
+===== 기본 단일 page 템플릿 =====
+<code html>
+<!DOCTYPE html>
+<html>
+<head>
+  <title>메인</title>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <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.1.min.js"></script>
+  <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
+<style>
+</style>
+</head>
+<!-- END of head -->
+<body>
+  <div data-role="page">
+    <div data-role="header">
+      <h1>헤더</h1>
+    </div><!-- /header -->
+    <div role="main" class="ui-content">
+      <!-- 본문은 여기에 -->
+    </div><!-- /content -->
+    <div data-role="footer">
+      <h4>푸터</h4>
+    </div><!-- /footer -->
+  </div><!-- /page -->
+</body> <!-- END of body -->
 </html>
 </code>

language/jquery/jquery_mobile_basic.txt · 마지막으로 수정됨: 2024/04/23 22:44 저자 127.0.0.1