- 相關(guān)推薦
JQuery Mobile實(shí)現(xiàn)導(dǎo)航欄和頁腳
導(dǎo)航欄是由一組水平排列的鏈接組成，通常包含在頭部或尾部內(nèi)。
默認(rèn)情況下，導(dǎo)航欄中的鏈接將自動(dòng)變成按鈕（不需要 data-role="button"）。
使用 data-role="navbar" 屬性來定義導(dǎo)航欄：
復(fù)制代碼 代碼如下:
Home
Page Two
Search
默認(rèn)情況下，按鈕的寬度與它的內(nèi)容一樣。使用一個(gè)無序列表來平均地劃分按鈕的寬度：1 個(gè)按鈕占 100% 寬度，2 個(gè)按鈕則各占 50% 的寬度，3 個(gè)按鈕則每個(gè)占 33,3% 的寬度，依此類推。然而，如果您在導(dǎo)航欄中指定了超過 5 個(gè)按鈕，將會(huì)拆成多行（查看"更多實(shí)例"）。
激活按鈕
當(dāng)導(dǎo)航欄中的某個(gè)鏈接被點(diǎn)擊，它將獲得被選中（按下）的外觀。
如果想在不惦記鏈接時(shí)獲得這種外觀，請使用 class="ui-btn-active"：
Home
對于多個(gè)頁面，您可能想要每個(gè)按鈕的選中外觀代表當(dāng)前用戶所在的頁面。要做到這一點(diǎn)，請?zhí)砑?"ui-state-persist" 和 "ui-btn-active" 到鏈接的 class：
Home
【JQuery Mobile實(shí)現(xiàn)導(dǎo)航欄和頁腳】相關(guān)文章：
關(guān)于jQuery實(shí)現(xiàn)高亮顯示的方法介紹08-20
jQuery中parent()和siblings()的問題10-16
關(guān)jQuery彈出窗口簡單實(shí)現(xiàn)代碼-javascript編程06-07
關(guān)于jquery簡單圖片切換顯示效果實(shí)現(xiàn)方法介紹10-01
word怎么設(shè)置頁腳頁碼09-08
jQuery程序設(shè)計(jì)08-05
jquery提交按鈕的代碼07-28
Java語言的特點(diǎn)和實(shí)現(xiàn)機(jī)制10-01
jquery之超簡單的div顯示和隱藏特效demo簡介05-15
