cafemocha

cafemocha

ホームページ制作 Webデザイン ブログデザイン Web構築 Android linux PHP パソコン情報 ブログ 掲示板

JQueryMobileについて

JQueryMobileについて

jQuery Mobileを利用することで、あらかじめ決められたマークアップに従うだけで、モバイル・デバイスに適したページを開発できる(覚えることはたくさんある。結構奥が深い。)

JQueryMobileの書き方・使い方

下記のように基本ファイルをインポートします

書き方

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" />

<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script>

<script type="text/javascript" src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>

<div data-role="page">

  <div data-role="header"></div>

  <div data-role="content"></div>

  <div data-role="footer"></div>

</div>