jQuery Mobileの使い方の基本を解説します。

jQuery Mobileを利用する方法を解説します。

スポンサーリンク

jQuery Mobileの読み込み

今回はjQuery Mobileに関するものはCDNを使用して読み込みます。
(インターネット環境に接続しないで実行する場合は本家サイトからダウンロードして下さい。)

HEADタグ内

まずはスタイルシート。

次にjQuery Mobileの本体。

data-role属性でページ構成を作成

data-role属性を使って単純なデータ構成を作成します。

BODYタグ内

ページのヘッダー。

HTML5で書く場合はdivタグをheadeにしても良いですね。

ページの内容。

ページのフッター。

これで基本的なページが作れます。

全体としては以下。

タイトルとURLをコピーしました