navbar
data-role=”navbar”はナビゲーションを定義する属性です。
data-role=”navbar”を設置した要素内でul/li要素を利用してナビゲーションの設置を行ないます。
<div data-role="navbar">
<ul>
<li><a href="a.html">One</a></li>
<li><a href="b.html">Two</a></li>
</ul>
</div>ボタンをアクティブの状態したいなら、class属性「ui-btn-active」を追加しましょう。アクティブ状態を維持したいならclass属性「ui-state-persist」も合わせて追加します。
<div data-role="navbar">
<ul>
<li><a href="a.html" class="ui-btn-active ui-state-persist">One</a></li>
<li><a href="b.html">Two</a></li>
</ul>
</div>li要素の数が2〜5までの場合はli要素の数に応じて列数が増加します。li要素の数が6以上の場合は2列で表示され、li要素の数に応じて行数が増加されます。
ナビゲーションにはdata-icon属性でアイコンを、data-iconpos属性でアイコンのポジションが変更可能です。
登録日 : 2012年10月01日 最終更新日 : 2016年12月19日