footer

div要素などにdata-role属性「footer」を指定するとフッターを定義することができます。

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

フッターはdata-position=”fixed”をあわせて指定することで固定配置にすることも可能です。

また、フッターのテーマはdata-theme属性で変更可能です。

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

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

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

jQuery Mobile リファレンス