- 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 | 工具栏
为了增强页眉和页脚,您可以使用toolbar组件。 |
2 | 动态工具栏
您可以通过点击按钮动态注入工具栏。 |
3 | 外部工具栏
页眉和页脚将放置在页面外部。这些工具栏位于页面主体内部的前面和后面,除非手动删除,否则它们将保留在DOM中。 |
4 | 固定工具栏
要设置工具栏位置为固定,请向页眉或页脚添加data-position = "fixed"属性。 |
5 | 全屏位置
要将工具栏设置为覆盖内容的全屏固定位置,请向固定页眉添加data-fullscreen = "true"属性。 |
6 | 固定外部工具栏
页眉和页脚可以通过将它们放置在页面外部来设置为外部,并且工具栏位置也可以设置为固定位置。 |
7 | 持久工具栏
这些页面是固定页脚工具栏中持久导航栏的示例,您将看到页面内容过渡,而这些页面上的页眉和页脚将保持原位。 |
8 | Ajax 优化的工具栏
Ajax优化的持久工具栏页面在服务器端进行了优化,以检查请求是否来自Ajax。 |
9 | 工具栏中的表单
表单可以用于工具栏,可以使用普通的<form>将其放置在页眉和页脚中。 |
jquery_mobile_widgets.htm
广告