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
廣告

© . All rights reserved.