사용자 도구

사이트 도구


study:php:jquery_mobile_page의_기본적_구조

문서의 이전 판입니다!


  1. jQuery mobile 기본 구조
<!DOCTYPE html> 
<html> 
	<head> 
	<title>jquery list</title> 
	<meta name="viewport" content="width=device-width, initial-scale=1"> 	 	
	<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0b1/jquery.mobile-1.0b1.min.css" />
	<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.1.min.js"></script>
	<script type="text/javascript" src="http://code.jquery.com/mobile/1.0b1/jquery.mobile-1.0b1.min.js"></script>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head> 
<body>
<!--page-->	 
<div data-role="page" id="j_list">
	<!--header-->
	<div data-role="header">
		<h1>header part</h1>
	</div>
	<!--content-->
	<div data-role="content">	
		<h1>content part</h1>
	</div>
	<!--footer-->
	<div data-role="footer">
		<h4>footer part</h4>
	</div>
</div>
</body>
 
study/php/jquery_mobile_page의_기본적_구조.1313029628.txt.gz · 마지막으로 수정됨: 2011/08/11 11:27 저자 mrkayhyun