- 相關(guān)推薦
JQuery Mobile實(shí)現(xiàn)導(dǎo)航欄和頁(yè)腳
導(dǎo)航欄是由一組水平排列的鏈接組成,通常包含在頭部或尾部?jī)?nèi)。
默認(rèn)情況下,導(dǎo)航欄中的鏈接將自動(dòng)變成按鈕(不需要 data-role="button")。
使用 data-role="navbar" 屬性來(lái)定義導(dǎo)航欄:
復(fù)制代碼 代碼如下:
Home
Page Two
Search
默認(rèn)情況下,按鈕的寬度與它的內(nèi)容一樣。使用一個(gè)無(wú)序列表來(lái)平均地劃分按鈕的寬度:1 個(gè)按鈕占 100% 寬度,2 個(gè)按鈕則各占 50% 的寬度,3 個(gè)按鈕則每個(gè)占 33,3% 的寬度,依此類(lèi)推。然而,如果您在導(dǎo)航欄中指定了超過(guò) 5 個(gè)按鈕,將會(huì)拆成多行(查看"更多實(shí)例")。
激活按鈕
當(dāng)導(dǎo)航欄中的某個(gè)鏈接被點(diǎn)擊,它將獲得被選中(按下)的外觀。
如果想在不惦記鏈接時(shí)獲得這種外觀,請(qǐng)使用 class="ui-btn-active":
Home
對(duì)于多個(gè)頁(yè)面,您可能想要每個(gè)按鈕的選中外觀代表當(dāng)前用戶(hù)所在的頁(yè)面。要做到這一點(diǎn),請(qǐng)?zhí)砑?"ui-state-persist" 和 "ui-btn-active" 到鏈接的 class:
Home
【JQuery Mobile實(shí)現(xiàn)導(dǎo)航欄和頁(yè)腳】相關(guān)文章:
Excel菜單欄和格式工具欄介紹12-20
質(zhì)量管理創(chuàng)新如何實(shí)現(xiàn)05-16
如何實(shí)現(xiàn)綠色環(huán)保裝修11-02
內(nèi)部審計(jì)如何實(shí)現(xiàn)價(jià)值增值04-23
企業(yè)經(jīng)營(yíng)如何實(shí)現(xiàn)管理高效02-15
《將相和》文言文原文和譯文06-01
演講的技巧和方法06-20
天麻的功效和作用02-22
迎親的習(xí)俗和禁忌03-12