JQuery Mobile實(shí)現導航欄和頁(yè)腳

　　導航欄是由一組水平排列的鏈接組成，通常包含在頭部或尾部?jì)取?/p>

　　默認情況下，導航欄中的鏈接將自動(dòng)變成按鈕（不需要 data-role="button"）。

　　使用 data-role="navbar" 屬性來(lái)定義導航欄：

　　復制代碼 代碼如下:

　　Home

　　Page Two

　　Search

　　默認情況下，按鈕的寬度與它的內容一樣。使用一個(gè)無(wú)序列表來(lái)平均地劃分按鈕的寬度：1 個(gè)按鈕占 100% 寬度，2 個(gè)按鈕則各占 50% 的寬度，3 個(gè)按鈕則每個(gè)占 33,3% 的寬度，依此類(lèi)推。然而，如果您在導航欄中指定了超過(guò) 5 個(gè)按鈕，將會(huì )拆成多行（查看"更多實(shí)例"）。

　　激活按鈕

　　當導航欄中的某個(gè)鏈接被點(diǎn)擊，它將獲得被選中（按下）的外觀(guān)。

　　如果想在不惦記鏈接時(shí)獲得這種外觀(guān)，請使用 class="ui-btn-active"：

　　Home

　　對于多個(gè)頁(yè)面，您可能想要每個(gè)按鈕的選中外觀(guān)代表當前用戶(hù)所在的頁(yè)面。要做到這一點(diǎn)，請添加 "ui-state-persist" 和 "ui-btn-active" 到鏈接的 class：

　　Home

【JQuery Mobile實(shí)現導航欄和頁(yè)腳】相關(guān)文章：

關(guān)于jQuery實(shí)現高亮顯示的方法介紹08-20

jQuery 源碼分析和Ready函數06-28

jQuery中parent()和siblings()的問(wèn)題10-16

關(guān)jQuery彈出窗口簡(jiǎn)單實(shí)現代碼-javascript編程06-07

關(guān)于jquery簡(jiǎn)單圖片切換顯示效果實(shí)現方法介紹10-01

word怎么設置頁(yè)腳頁(yè)碼09-08

jQuery程序設計08-05

jquery提交按鈕的代碼07-28

Java語(yǔ)言的特點(diǎn)和實(shí)現機制10-01

jquery之超簡(jiǎn)單的div顯示和隱藏特效demo簡(jiǎn)介05-15