ํ‹ฐ์Šคํ† ๋ฆฌ ๋ทฐ

JS

์ผ๋‹จ jquery mobile์˜ ๊ธฐ๋ณธํ˜•ํƒœ๋ถ€ํ„ฐ...

๐Ÿ”ฅ fire 2011. 12. 29. 21:46

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>jQuery Mobile</title>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.css" />
<script src="http://code.jquery.com/jquery-1.4.4.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.js"></script>
</head>
<body>
<div data-role="page" id="home">
   <div data-role="header">
      <h1>jQueryMobile</h1>
   </div>
   <div data-role="content">
      <p>Hello World</p>
   </div>
   <div data-role="footer">
      <p>Hello world for jQueryMobile</p>
     <A href="#" data-role="button" data-theme="a">ํ™•์ธ</a>
  <A href="#" data-role="button" data-theme="b">์ทจ์†Œ</a>
   </div>
</div>
</body>
</html>

- <head>์•ˆ์˜ include๋ฅผ ์ˆœ์„œ๋Œ€๋กœ ๊ธฐ์ˆ ํ•ด์•ผ ํ•œ๋‹ค
- data-role ์†์„ฑ์œผ๋กœ ์˜์—ญํƒœ๊ทธ <div>์˜ ์—ญํ• ์„ ๋ถ€์—ฌํ•œ๋‹ค.

'JS' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

angular.js ์–œ ๋˜ ๋ญ์•ผ?  (0) 2013.03.28
์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ฃผ์„ํ˜•ํƒœ  (0) 2013.03.07
jquery ํผ์ฒดํฌ.  (0) 2011.04.03
ํ…Œ์ด๋ธ” ๋ฆฌ์ŠคํŠธ์ค‘ 10๊ฐœ 20๊ฐœ 30๊ฐœ ๋ณด์—ฌ์ฃผ๊ธฐ  (0) 2011.01.14
jquery ํด๋ฆญํ•œ ์˜ค๋ธŒ์ ํŠธ ID ์•Œ์•„๋‚ด๊ธฐ  (0) 2010.12.22
๋Œ“๊ธ€