jQuery Mobile

[jQueryMobile] タブビューのサンプル

投稿日:

jQueryMobileでタブ画面を実装するサンプルです。

サンプルソース

例)タブビューのサンプル

タブビューに関する属性

タブビューでは以下の属性を使えます。

【タブビューの属性】
data-iconタブに表示するアイコン
例)camera:カメラ audio:スピーカー video:ビデオカメラ
data-iconposタブのアイコンを表示する位置
左:left 中央:center 右:right
data-active初期表示するタブ
※対象のタブに「class="ui-btn-active"」を指定しないと選択状態のタブになりません。

解説

  • jQueryMobileを使うには、jQueryもインポートする必要があります。
  • jQueryはバージョン3系では動きません。

スポンサーリンク

スポンサーリンク

-jQuery Mobile

執筆者:



comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

スポンサーリンク