首頁 > web前端 > js教程 > jQuery Mobile 導覽列代碼_jquery

jQuery Mobile 導覽列代碼_jquery

WBOY
發布: 2016-05-16 17:18:04
原創
1024 人瀏覽過

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

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

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

複製程式碼 程式碼如下:

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

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

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

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

  • Home
  • 相關標籤:
    來源:php.cn
    本網站聲明
    本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
    熱門教學
    更多>
    最新下載
    更多>
    網站特效
    網站源碼
    網站素材
    前端模板