jQueryのモバイルナビゲーションバー
ナビゲーションバーは、通常、頭や尾内に含まれる水平方向の組成を、配列されたリンクのセットです。
デフォルトでは、ナビゲーションバーのリンクが自動的にボタン（データなし-役割= "ボタン"）になります。
ナビゲーションバーを定義するには、データ・役割= "ナビゲーションバー"属性を使用しました：
例
<div data-role="navbar" >
<ul>
<li><a href="#anylink">首页</a></li>
<li><a href="#anylink">页面二</a></li>
<li><a href="#anylink">搜索</a></li>
</ul>
</div>
</div>
»をお試しください
 | デフォルトでは、ボタンの幅とその内容と同じ。 均等にボタンの幅を分割する順不同リストを使用します。二つのボタンの幅の100％に一つのボタンは、それぞれのように、それぞれが幅の33.3％を占めた3ボタンの幅の50％を占め、。 あなたは、ナビゲーションバーに超える5つのボタンを指定する場合は、複数行に分割されます（「その他の例」を参照してください）。 |
|---|
ナビゲーションボタンのアイコン
私たちは、ナビゲーションボタンのアイコンを追加するために、データ-icon属性を使用することができます。
同じ値を使用して、アイコンのCSSクラスセクションとデータ-icon属性。 クラス= "UI-icono-の異形値」を使用するCSSクラス、データ・アイコンデータアイコン ="値"を使用する属性を。
| プロパティ値 | 説明 | アイコン |
|---|---|---|
| データ・アイコン= "ホーム" | ホーム | |
| データ・アイコン= "矢印-R」 | 右矢印上 | |
| データ・アイコン= "検索" | 検索 |
すべてのボタンアイコンのjQuery Mobileの完全なリファレンスマニュアルについては、私たちの訪問jQueryのモバイルアイコンのリファレンスマニュアルを 。
場所アイコン
「UI-BTN-icono-の異形位置」と同じカテゴリ（アイコンのセクションが詳細に記載されている）のように、あなたが表示されたアイコンの位置を設定することができます（右に）右、上（頭）、ボトム（底部）または左（左側）。
ナビゲーションバーコンテナの位置アイコンは場所を指定する属性データ-iconposを使用して、提供されています。
| プロパティ値 | 説明 | 例 |
|---|---|---|
| データ-iconpos = "トップ" | 一番上のアイコンの位置を合わせます | 試します |
| データ-iconpos = "右" | 右整列さのアイコン | 試します |
| データ-iconpos = "底" | 下のアイコンの位置を合わせ | 試します |
| データ-iconposは「左」= | 左のアイコンを整列 | 試します |
| デフォルトでは、アイコンは、ナビゲーションボタンのテキスト（データiconpos = "トップ"）の上方に配置されています。 |
|---|
起動ボタン
ナビゲーションバー上のリンクをクリックすると、それが（押された）の外観を選択してしまいます。
あなたがリンクをクリックしないでください、この外観を取得したい場合は、クラスを使用= "UI-アクティブBTN」：
複数のページには、ユーザーが配置されている現在のページの代わりに、各ボタンの外観を確認したいことがあります。 これを行うには、「UI-状態持続」を追加し、クラスに「UI-BTN-アクティブ」リンク：
より多くの例
コンテンツナビゲーションバー
どのようにデータ役割= "コンテンツ"内のナビゲーションバーを追加します。
テールナビゲーションバー
どのようにして後方にナビゲーションバーを追加します。
ナビゲーションバーのターゲットアイコン
どのようにテールでのナビゲーションバーのアイコンを探します。
以上の5つのボタン
ナビゲーションバーで10のデモボタンを押します。