JavaScript

jQuery Mobileの基本ページ

投稿日:2012/09/11 更新日:

jQuery Mobileの読み込み

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

HEADタグ内

まずはスタイルシート。

次にjQuery Mobileの本体。

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

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

BODYタグ内

ページのヘッダー。

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

ページの内容。

ページのフッター。

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

全体としては以下。




-JavaScript
-, , ,

Copyright© ソフトウェア開発日記 , 2018 All Rights Reserved.