jQuery Mobile 導航欄代碼
導航欄是由一組水平排列的鏈接組成,通常包含在頭部或尾部內。
默認情況下,導航欄中的鏈接將自動變成按鈕(不需要 data-role="button")。
使用 data-role="navbar" 屬性來定義導航欄:
<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>
默認情況下,按鈕的寬度與它的內容一樣。使用一個無序列表來平均地劃分按鈕的寬度:1 個按鈕占 100% 寬度,2 個按鈕則各占 50% 的寬度,3 個按鈕則每個占 33,3% 的寬度,依此類推。然而,如果您在導航欄中指定了超過 5 個按鈕,將會拆成多行(查看"更多實例")。
激活按鈕
當導航欄中的某個鏈接被點擊,它將獲得被選中(按下)的外觀。
如果想在不惦記鏈接時獲得這種外觀,請使用 class="ui-btn-active":
<li><a href="#anylink" class="ui-btn-active">Home</a></li>
對于多個頁面,您可能想要每個按鈕的選中外觀代表當前用戶所在的頁面。要做到這一點,請?zhí)砑?"ui-state-persist" 和 "ui-btn-active" 到鏈接的 class:
<li><a href="#anylink" class="ui-btn-active ui-state-persist">Home</a></li>
相關文章
自己動手實現jQuery Callbacks完整功能代碼詳解
最近大量的用到jQuery Callbacks 對象,jQuery庫中的$.ajax()和$.Deferred() 對象也是基于這個對象實現,下面我們也模擬實現jQuery Callbacks 對象的部分功能2013-11-11
JQuery魔力之$("tagName")與selector
DOM 中的 getElementsByTagName()方法在JQuery中的表現就是$(“tagName”)這么簡單!tag標簽(可以是:p、div、button …)標簽本身具有ID、Class等屬性2012-03-03
基于jQuery實現多標簽頁切換的效果(web前端開發(fā))
這篇文章主要介紹了基于jQuery實現多標簽頁切換的效果(web前端開發(fā))的相關資料,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2016-07-07
bootstrap中日歷范圍選擇插件daterangepicker的使用詳解
daterangepicker是bootstrap的一個日歷插件 主要用來選擇時間段的插件 這個插件很好用也很容易操作 。這篇文章主要介紹了bootstrap中日歷范圍選擇插件daterangepicker的使用詳解,需要的朋友可以參考下2018-04-04

