jquery mobile Navbar (导航栏)

导航栏是一个容器(div),内包含一个链接的无序列表(ul)。容器有一个 data-role="navbar" 属性。

导航栏事件 Navbar Events create(event,ui)导航栏创建创建时,触发。event:是第一个参数。类型:事件。ui:是第二个参数。类型:对象。//初始化,绑定一个函数$(".selector").navbar({create:function(event,ui){}});////绑定一个监听函数$(".selector").on("navbarcreate",function(event,ui){});

导航栏选项 Navbar Options iconpos图标定位。类型:字符串。默认值:top。定位导航栏按钮图标。取值:left,right,top,bottom,none,notext(仅显示图标).也可以在HTML中添加data-iconpos="bottom"属性来设置。<divdata-role="navbar"data-iconpos="bottom">

导航栏 data-role=navbar 在一个典型的页眉或页脚,jQueryMobile提供了一个非常基本的导航栏控件,它有5个按钮以及可选的图标。是一个持续不变的导航栏,它更像一个标签栏,你浏览过的页面保持固定。导航栏是一个容器(div),内包含一个链接的无序列表(ul)。容器有一个data-role="navbar"属性。<divdata-role="navbar"><ul><li><ahref="60.html">One</a></li><li><ahref="61.html">Two</a></li></ul></div><!--/navbar-->在导航栏的链接,当被点击时,它变成激活(选中的)状态。在导航栏中,所有锚点变成激活状态的时候,CSS类ui-btn-active第一个被删除。如果这是一个链接到另一个页面,在转场后,该类再被删除。在导航栏上的初始化时候,设置一个链接为激活状态,给它添加class="ui-btn-active"即可。另外添加一个CSS类ui-state-persist使框架恢复激活状态,每次打开页面的时候,它都会显