- jQuery Mobile 教程
- jQuery Mobile - 主页
- jQuery Mobile - 概览
- jQuery Mobile - 设置
- jQuery Mobile - 页面
- jQuery Mobile - 图标
- jQuery Mobile - 过渡
- jQuery Mobile - 布局
- jQuery Mobile - 小组件
- jQuery Mobile - 事件
- jQuery Mobile - 表单
- jQuery Mobile - 主题
- jQuery Mobile - CSS 类
- jQuery Mobile - 数据属性
- jQuery Mobile 有用资源
- jQuery Mobile - 面试问题
- jQuery Mobile - 快速指南
- jQuery Mobile - 有用资源
- jQuery Mobile - 讨论
jQuery Mobile - 工具栏
若要增强页眉和页脚,可以使用工具栏小组件。
下表列出了 jQuery Mobile 中使用的不同类型的工具栏−
序号 | 工具栏类型及说明 |
---|---|
1 | 标记
包含工具栏,如显示在页面的顶部页眉 和底部页脚。 |
2 | 主题
主题色板将默认从页面继承到页眉和页脚工具栏;但是,可以轻松设置主题色板的颜色。 |
3 | 工具栏中的按钮
可以使用ui-btn-left 和ui-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
广告