jQuery Mobile 導(dǎo)航欄代碼
導(dǎo)航欄是由一組水平排列的鏈接組成，通常包含在頭部或尾部?jī)?nèi)。
默認(rèn)情況下，導(dǎo)航欄中的鏈接將自動(dòng)變成按鈕（不需要 data-role="button"）。
使用 data-role="navbar" 屬性來(lái)定義導(dǎo)航欄：
<div data-role="header">
<div data-role="navbar">
<ul>
<li><a href="#anylink">Home</a></li>
<li><a href="#anylink">Page Two</a></li>
<li><a href="#anylink">Search</a></li>
</ul>
</div>
</div>
默認(rèn)情況下，按鈕的寬度與它的內(nèi)容一樣。使用一個(gè)無(wú)序列表來(lái)平均地劃分按鈕的寬度：1 個(gè)按鈕占 100% 寬度，2 個(gè)按鈕則各占 50% 的寬度，3 個(gè)按鈕則每個(gè)占 33,3% 的寬度，依此類推。然而，如果您在導(dǎo)航欄中指定了超過(guò) 5 個(gè)按鈕，將會(huì)拆成多行（查看"更多實(shí)例"）。
激活按鈕
當(dāng)導(dǎo)航欄中的某個(gè)鏈接被點(diǎn)擊，它將獲得被選中（按下）的外觀。
如果想在不惦記鏈接時(shí)獲得這種外觀，請(qǐng)使用 class="ui-btn-active"：
<li><a href="#anylink" class="ui-btn-active">Home</a></li>
對(duì)于多個(gè)頁(yè)面，您可能想要每個(gè)按鈕的選中外觀代表當(dāng)前用戶所在的頁(yè)面。要做到這一點(diǎn)，請(qǐng)?zhí)砑?"ui-state-persist" 和 "ui-btn-active" 到鏈接的 class：
<li><a href="#anylink" class="ui-btn-active ui-state-persist">Home</a></li>
- 簡(jiǎn)單的jquery左側(cè)導(dǎo)航欄和頁(yè)面選中效果
- JQuery 浮動(dòng)導(dǎo)航欄實(shí)現(xiàn)代碼
- 用jquery的方法制作一個(gè)簡(jiǎn)單的導(dǎo)航欄
- Jquery給當(dāng)前頁(yè)或者跳轉(zhuǎn)后頁(yè)面的導(dǎo)航欄添加選中后樣式的實(shí)例
- jQuery實(shí)現(xiàn)導(dǎo)航欄頭部菜單項(xiàng)點(diǎn)擊后變換顏色的方法
- jquery實(shí)現(xiàn)鼠標(biāo)點(diǎn)擊后展開(kāi)列表內(nèi)容的導(dǎo)航欄效果
- jquery+css實(shí)現(xiàn)側(cè)邊導(dǎo)航欄效果
- jQuery點(diǎn)擊導(dǎo)航欄選中更換樣式的實(shí)現(xiàn)代碼
- jquery實(shí)現(xiàn)垂直和水平菜單導(dǎo)航欄
- jQuery實(shí)現(xiàn)帶展開(kāi)動(dòng)畫的導(dǎo)航欄效果
相關(guān)文章
自己動(dòng)手實(shí)現(xiàn)jQuery Callbacks完整功能代碼詳解
最近大量的用到j(luò)Query Callbacks 對(duì)象，jQuery庫(kù)中的$.ajax()和$.Deferred() 對(duì)象也是基于這個(gè)對(duì)象實(shí)現(xiàn)，下面我們也模擬實(shí)現(xiàn)jQuery Callbacks 對(duì)象的部分功能2013-11-11
jquery 查找iframe父級(jí)頁(yè)面元素的實(shí)現(xiàn)代碼
jquery 查找iframe父級(jí)頁(yè)面元素的實(shí)現(xiàn)代碼，學(xué)習(xí)jquery的朋友可以參考下。2011-08-08
基于jQuery實(shí)現(xiàn)文本框縮放以及上下移動(dòng)功能
這里給大家分享一段個(gè)人覺(jué)著非常實(shí)用也經(jīng)常用于項(xiàng)目中的代碼，本代碼基于jQuery實(shí)現(xiàn)了文本框縮放以及上下移動(dòng)功能，給需要的網(wǎng)友們參考下吧2014-11-11
下面小編就為大家?guī)?lái)一篇jquery插入兄弟節(jié)點(diǎn)的操作方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-12-12
JQuery魔力之$("tagName")與selector
DOM 中的 getElementsByTagName()方法在JQuery中的表現(xiàn)就是$(“tagName”)這么簡(jiǎn)單！tag標(biāo)簽（可以是：p、div、button …）標(biāo)簽本身具有ID、Class等屬性2012-03-03
jquery插件jbox使用iframe關(guān)閉問(wèn)題
最近做需要用到彈出窗口，發(fā)現(xiàn)JBox不錯(cuò)，可以支持iframe,但是發(fā)現(xiàn)個(gè)問(wèn)題，在iframe中添加一個(gè)按鈕點(diǎn)擊此按鈕2009-02-02
基于jQuery實(shí)現(xiàn)多標(biāo)簽頁(yè)切換的效果(web前端開(kāi)發(fā))
這篇文章主要介紹了基于jQuery實(shí)現(xiàn)多標(biāo)簽頁(yè)切換的效果(web前端開(kāi)發(fā))的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-07-07
bootstrap中日歷范圍選擇插件daterangepicker的使用詳解
daterangepicker是bootstrap的一個(gè)日歷插件 主要用來(lái)選擇時(shí)間段的插件 這個(gè)插件很好用也很容易操作 。這篇文章主要介紹了bootstrap中日歷范圍選擇插件daterangepicker的使用詳解,需要的朋友可以參考下2018-04-04
很多網(wǎng)站的首頁(yè)都有廣告輪播，今天閑來(lái)看了一網(wǎng)站的首頁(yè)廣告輪播方式，是通過(guò) jQuery的blockSlide插件實(shí)現(xiàn)的，然后自己測(cè)試了一下，很好。2010-11-11
jQuery Selector選擇器小結(jié)，需要的朋友可以參考下，都是一些常用的選擇控制方式。2010-05-05