jQuery Mobile 導覽列代碼_jquery

導覽列是由一組水平排列的連結組成，通常包含在頭部或尾部內。

預設情況下，導覽列中的連結將自動變成按鈕（不需要 data-role="button"）。

使用data-role="navbar" 屬性定義導覽列：

複製程式碼 程式碼如下:

• Home


• Page Two


• Search

預設情況下，按鈕的寬度與它的內容相同。使用一個無序列表來平均劃分按鈕的寬度：1 個按鈕佔 100% 寬度，2 個按鈕則各佔 50% 的寬度，3 個按鈕則每個佔 33,3% 的寬度，依此類推。然而，如果您在導覽列中指定了超過 5 個按鈕，將會拆成多行（查看"更多實例"）。

啟動按鈕
當導覽列中的某個連結被點擊，它將獲得被選中（按下）的外觀。

如果想在不惦記連結時獲得這種外觀，請使用 class="ui-btn-active"：

Home

對於多個頁面，您可能想要每個按鈕的選取外觀代表目前使用者所在的頁面。要做到這一點，請加入 "ui-state-persist" 和 "ui-btn-active" 到連結的 class：

Home