jQuery Mobile - 工具栏



若要增强页眉和页脚,可以使用工具栏小组件。

下表列出了 jQuery Mobile 中使用的不同类型的工具栏

序号 工具栏类型及说明
1 标记

包含工具栏,如显示在页面的顶部页眉 和底部页脚

2 主题

主题色板将默认从页面继承到页眉和页脚工具栏;但是,可以轻松设置主题色板的颜色。

3 工具栏中的按钮

可以使用ui-btn-leftui-btn-right 类将按钮定位在工具栏上。

4 向页眉中添加“后退”按钮

当页眉具有data-add-back-btn = "true" 属性时,jQuery Mobile 框架会在页眉中生成一个后退按钮。

5 导航栏

可以在页眉和页脚工具栏中使用导航栏。

6 分组按钮

可以使用data-role = "controlgroup"data-type = "horizontal" 属性将按钮分组为一组按钮,并将链接包装在元素中。

7 添加内边距

工具栏对于导航栏和其他小组件没有任何内边距。若要添加内边距,可以在一个元素内部包装工具栏的内容,并将ui-bar 类添加到该元素。

jquery_mobile_widgets.htm
广告