jQuery Mobile 导航栏代码
更新时间：2013年11月01日 15:52:39 作者：
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>
对于多个页面，您可能想要每个按钮的选中外观代表当前用户所在的页面。要做到这一点，请添加 "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 查找iframe父级页面元素的实现代码，学习jquery的朋友可以参考下。2011-08-08
这里给大家分享一段个人觉着非常实用也经常用于项目中的代码，本代码基于jQuery实现了文本框缩放以及上下移动功能，给需要的网友们参考下吧2014-11-11
下面小编就为大家带来一篇jquery插入兄弟节点的操作方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-12-12
JQuery魔力之$("tagName")与selector
DOM 中的 getElementsByTagName()方法在JQuery中的表现就是$(“tagName”)这么简单！tag标签（可以是：p、div、button …）标签本身具有ID、Class等属性2012-03-03
最近做需要用到弹出窗口，发现JBox不错，可以支持iframe,但是发现个问题，在iframe中添加一个按钮点击此按钮2009-02-02
这篇文章主要介绍了基于jQuery实现多标签页切换的效果(web前端开发)的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-07-07
bootstrap中日历范围选择插件daterangepicker的使用详解
daterangepicker是bootstrap的一个日历插件 主要用来选择时间段的插件 这个插件很好用也很容易操作 。这篇文章主要介绍了bootstrap中日历范围选择插件daterangepicker的使用详解,需要的朋友可以参考下2018-04-04
很多网站的首页都有广告轮播，今天闲来看了一网站的首页广告轮播方式，是通过 jQuery的blockSlide插件实现的，然后自己测试了一下，很好。2010-11-11
jQuery Selector选择器小结，需要的朋友可以参考下，都是一些常用的选择控制方式。2010-05-05
最新评论