- jQuery Mobile 教程
- jQuery Mobile - 首頁
- jQuery Mobile - 概覽
- jQuery Mobile - 設定
- jQuery Mobile - 頁面
- jQuery Mobile - 圖示
- jQuery Mobile - 過渡效果
- jQuery Mobile - 佈局
- jQuery Mobile - 元件
- jQuery Mobile - 事件
- jQuery Mobile - 表單
- jQuery Mobile - 主題
- jQuery Mobile - CSS 類
- jQuery Mobile - 資料屬性
- jQuery Mobile 有用資源
- jQuery Mobile - 面試問題
- jQuery Mobile - 快速指南
- jQuery Mobile - 有用資源
- jQuery Mobile - 討論
jQuery Mobile - 導航欄元件
導航欄元件是一組按鈕,用於連結到其他網頁或部分。jQuery Mobile 提供了一個基本的導航欄元件,最多包含 5 個按鈕,以及一個可選的工具欄圖示。
下表列出了 jQuery Mobile 中使用的導航欄型別。
| 序號 | 導航欄型別及說明 |
|---|---|
| 1 | 導航欄基礎
導航欄可以使用 data-role = "navbar" 屬性建立。 |
| 2 | 多行
當導航欄包含超過 5 個專案時,所有專案將被包裹到多行中,每行兩個。 |
| 3 | 標題中的導航欄
可以透過在標題塊內新增導航欄容器,將導航欄新增到頁面的頂部。 |
| 4 | 頁尾中的導航欄
要將導航欄新增到頁面的底部,請將其包裝在一個具有 data-role = "footer" 屬性的容器中。 |
| 5 | 持久
持久導航欄的工作方式類似於選項卡欄,在您瀏覽頁面時始終顯示。 |
| 6 | 圖示
要嚮導航欄新增圖示,請為每個錨點使用 data-icon 屬性。 |
| 7 | 圖示位置
導航欄圖示可以放置在導航欄容器中,而不是每個連結上。 |
| 8 | 第三方圖示集
您可以嚮導航欄新增第三方圖示。要實現此目的,只需新增自定義樣式以連結到圖示,並將它們放置在導航欄中。 |
| 9 | 主題
與按鈕一樣,主題色板將從其父容器繼承到導航欄。 |
| 10 | 帶有按鈕元素的導航欄
除了在導航欄內使用連結外,您還可以使用按鈕元素。 |
jquery_mobile_widgets.htm
廣告