J Query Mobile

한글 블로그로 보기

I will make hybrid app that using J-Query.

J-Query helps for developing web app.

I studying using "쉽게 배우는 웹앱&하이브리드앱" & Dreamweaver6


First you install Dreamweaver.

Second download J-Query or visit J-Query home page.


If you use this script that don't need download.

1. <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
2. <script src="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.js"></script>
3. <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.css" />

This script means use web code.

Structure is <page>-<header/>-<content/>-<footer/>-</page>

1. <div data-role="page" id="page id"  >
2.     <div data-role="header" >
3.         <h1>This is Header</h1>
4.     </div>
5.     <div data-role="content">  

6.     <a href="#next page" >This content</a>

7.     </div>
8.     <div data-role="footer">
9.         <h4>This is Footer</h4>
10.     </div>
11. </div>

data-role mean tag's role. page, header, content, footer...


Ok. I will start mission next post !!