Tabbar

Tabbarウィジェットは、ボタンの順不同リストを表示します。一つのグループにまとめて、ヘッダやフッダに配置します。

アプリケーションにTabbbarウィジェットを追加するには、次のコードを使用します。

<div data-role="tabbar">
   <ul>
      <li><a data-icon="edit">Tabbar1</a></li>
      <li><a data-icon="cancel">Tabbar2</a></li>
      <li><a data-icon="call">Tabbar3</a></li>
   </ul>
</div>

Swipeオプションについて次の表で説明します。

オプション	入力タイプ	説明
data-icon	<ICON_NAME>	各タブバーボタンのアイコンを設定します。

次のリストでtabbarsで使用できるメソッドについて説明します。

enable

Tabbarにあるボタンを有効するには、enableメソッドを使用します。

$("#foo").tabbar('enable', list_index);
disable

Tabbarにあるボタンを有効するには、disableメソッドを使用します。

$("#foo").tabbar('disable', list_index);