jQuery MobileはjQueryに追加するモバイル向けのUI集。このため、jQueryは必須。
iOS,Android,Symbian,BlackBerryOSなど多くのプラットフォームをサポートしている。
ダウンロードはこちらから。
基本的なページ構成は以下の通り。
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf8">
<!-- jQuery Mobile用CSS読み込み -->
<link rel="stylesheet" href="js/jquery.mobile-1.0a2.min.css" />
<!-- jQuery 本体読み込み -->
<script src="js/jquery-1.4.4.min.js"></script>
<!-- jQuery Mobile読み込み -->
<script src="js/jquery.mobile-1.0a2.min.js"></script>
</head>
<body>
<!-- ページヘッダー部 -->
<div data-role="page" id="home">
<div data-role="header">
<h1>Page Title</h1>
</div>
<!-- ページコンテンツ部-->
<div data-role="content">
<p>Hello, world !</p>
</div>
<!-- ページフッター部 -->
<div data-role="footer">
<p>フッター</p>
</div>
</div>
</body>
</html>
0 件のコメント:
コメントを投稿