导航条(Navbars)
在JQM中有一个非常基本的Navbar部件非常有用,它提供多达5个按钮和可选的图标,通常位于header/footer里面
navbar通常是一个包裹在一个容器里的无序链接列表,容器设置data-role=“ navbar” 属性。 要设置其中一个链接是激活(被选择)的状态,为链接添加 class=“ui-btn-active”属性即可。
One
Two
在这种情况下navbar被匀分,每个按钮都占 1/2的浏览器窗口宽度,最多一行5个按钮,每个占1/5的宽度,如果多于5个按钮, navbar会被折行显示
navbar也可以通过data-icon属性来添加图标,并通过data-iconpos属性来决定图标所在位置,另外除了JQM自带的图标外,还可以引入第三方的自定义图标
※data-icon和data-iconpos的可配值见官方API
如果您觉得本文的内容对您的学习有所帮助:
关键字:
jquery