Jquery/Jquery mobile

jquery mobile 시작하기

포니테일매니아 2013. 3. 7. 16:24

Jquery Mobile을 사용하기 위해서는 html문서의 head태그에 3가지 파일을 참조해 주면 됩니다.

<!DOCTYPE html> 
<html> 
	<head> 
	<title>Page Title</title> 
	<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.css" />
	<script type="text/javascript" src="http://code.jquery.com/jquery-1.5.min.js"></script>
	<script type="text/javascript" src="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.js"></script>
</head> 
<body> 

...

</body>
</html>


본문의 내용은 div태그 안에 data-role="page" 안에 구현합니다.

<div data-role="page"> 
	<div data-role="header">...</div> 
	<div data-role="content">...</div> 
	<div data-role="footer">...</div> 
</div>