page

このエントリーをはてなブックマークに追加

data-role属性にpageを指定することでjQuery Mobileのページを作成することができます。

<div data-role="page">
//ページの内容を記述
</div>

1つのhtmlで複数のページを設定する場合は異なるid属性を指定したページを用意します。

<div data-role="page" id="index">
//indexページの内容を記述
</div>
<div data-role="page" id="about">
//aboutページの内容を記述
</div>

この要素はかならずしも必須ではなく、1つの1つのページを表現する場合には省略可能です。

data-theme属性を利用してページのテーマを指定することができます。

<div data-role="page" id="index" date-theme="b">
jQuery Mobile 1.0.0での追加/変更

data-role="page"はjQuery Mobile 1.0で定義された属性です

jQuery Mobile 1.4.0での追加/変更

data-theme属性を省略した場合、jQuery Mobile 1.3まではCのテーマが採用されましたが、jQuery Mobile 1.4よりAのテーマが採用されるようになりました。

参考URL

Page Widget | jQuery Mobile API Documentation

登録日 : 2012年09月17日 最終更新日 : 2016年12月19日

同じカテゴリー(data-role)のエントリー

検索

スポンサードリンク

バージョン

リファレンス