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つの１つのページを表現する場合には省略可能です。

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

<div data-role="page" id="index" date-theme="b">

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

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

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

jQuery Mobile リファレンス