- jQuery Mobile Tutorial
- jQuery Mobile - Home
- jQuery Mobile - Overview
- jQuery Mobile - Setup
- jQuery Mobile - Pages
- jQuery Mobile - Icons
- jQuery Mobile - Transitions
- jQuery Mobile - Layouts
- jQuery Mobile - Widgets
- jQuery Mobile - Events
- jQuery Mobile - Forms
- jQuery Mobile - Themes
- jQuery Mobile - CSS Classes
- jQuery Mobile - Data Attributes
- jQuery Mobile Useful Resources
- jQuery Mobile - Interview Questions
- jQuery Mobile - Quick Guide
- jQuery Mobile - Useful Resources
- jQuery Mobile - Discussion
jQuery Mobile - 数据属性
按钮
它使用ui-btn类指定一个可单击的按钮,其中包含文本或图像等内容。它在 1.4 版本中已弃用。使用ui-btn属性而不是使用data-role = "button"属性。
下表列出了与数据属性一起使用的按钮元素。
先生。 | 数据属性和描述 | 价值 |
---|---|---|
1 | 数据角 它定义按钮是否应包含圆角。 |
真实 | 错误的 |
2 | 数据图标 它定义了按钮的图标。 |
默认是没有图标的 |
3 | 数据图标 它定义了图标的位置。 |
左| 对| 顶部 | 底部 |
4 | 数据图标阴影 它定义按钮的图标是否应包含阴影。 |
真实 | 错误的 |
5 | 数据内联 它定义按钮是否应该内联。 |
真实 | 错误的 |
6 | 数据迷你型 它定义按钮是否应以较小尺寸或常规尺寸显示。 |
真实 | 错误的 |
7 | 数据影子 它定义按钮是否应包含阴影。 |
真实 | 错误的 |
8 | 数据主题 它显示按钮的主题颜色。 |
字母 (az) |
复选框
下表列出了与type = "checkbox"一起使用的复选框元素。
先生。 | 数据属性和描述 | 价值 |
---|---|---|
1 | 数据迷你型 它定义复选框是否应以较小尺寸或常规尺寸显示。 |
真实 | 错误的 |
2 | 数据角色 它停止将复选框样式设置为按钮。 |
没有任何 |
3 | 数据主题 它显示复选框的主题颜色。 |
字母 (az) |
可折叠
下表列出了与data-role = "collapsible"属性一起使用的可折叠元素。
先生。 | 数据属性和描述 | 价值 |
---|---|---|
1 | 数据崩溃 它指示内容是否应该关闭或展开。 |
真实 | 错误的 |
2 | 数据折叠提示文本 它使用屏幕阅读器软件向用户显示反馈。 |
默认是折叠内容 |
3 | 数据折叠图标 它定义了可折叠按钮的图标。 |
默认图标是“加号” |
4 | 数据内容主题 它显示可折叠内容的主题颜色。 |
字母 (az) |
5 | 数据扩展提示文本 它使用屏幕阅读器软件向用户显示反馈。 |
默认是展开内容 |
6 | 数据扩展图标 当您展开内容时,它会显示可折叠按钮。 |
默认图标是“减号” |
7 | 数据图标 它定义了图标的位置。 |
左| 对| 顶部 | 底部 |
8 | 数据插入 它定义可折叠按钮是否应显示圆角和边距。 |
真实 | 错误的 |
9 | 数据迷你型 它定义可折叠按钮是否应以较小尺寸或常规尺寸显示。 |
真实 | 错误的 |
10 | 数据主题 它显示可折叠按钮的主题颜色。 |
字母 (az) |
折叠套装
下表列出了与data-role = "collapsibleset"属性一起使用的可折叠集元素。
先生。 | 数据属性和描述 | 价值 |
---|---|---|
1 | 数据折叠图标 它定义了可折叠按钮的图标。 |
默认图标是“加号” |
2 | 数据内容主题 它显示可折叠内容的主题颜色。 |
字母 (az) |
3 | 数据扩展图标 当您展开内容时,它会显示可折叠按钮。 |
默认图标是“减号” |
4 | 数据图标 它定义了图标的位置。 |
左| 对| 顶部 | 底部 |
5 | 数据插入 它定义可折叠按钮是否应显示圆角和边距。 |
真实 | 错误的 |
6 | 数据迷你型 它定义可折叠按钮是否应以较小尺寸或常规尺寸显示。 |
真实 | 错误的 |
7 | 数据主题 它显示可折叠按钮的主题颜色。 |
字母 (az) |
控制组
下表列出了与data-role = "controlgroup"属性一起使用的 Controlgroup 元素-
先生。 | 数据属性和描述 | 价值 |
---|---|---|
1 | 数据排除不可见 它定义是否在圆角分配中排除不可见的子项。 |
真实 | 错误的 |
2 | 数据迷你型 它定义组是否应以较小尺寸或常规尺寸显示。 |
真实 | 错误的 |
3 | 数据主题 它显示控件组的主题颜色。 |
字母 (az) |
4 | 数据类型 它指示该组是否应以水平或垂直格式显示。 |
水平| 垂直的 |
对话
下表列出了与data-dialog="true"属性一起使用的对话框元素。
先生。 | 数据属性和描述 | 价值 |
---|---|---|
1 | 数据关闭按钮 它定义关闭按钮的位置。 |
左| 对| 没有任何 |
2 | 数据关闭 btn 文本 它定义关闭按钮的文本。 |
文本 |
3 | 数据角 它定义对话框是否应显示圆角。 |
真实 | 错误的 |
4 | 数据 dom 缓存 它指示是否必须清除各个页面的 DOM 缓存。 |
真实 | 错误的 |
5 | 数据覆盖主题 它定义对话框页面的覆盖颜色。 |
字母 (az) |
6 | 数据主题 它定义对话框页面的主题颜色。 |
字母 (az) |
7 | 数据标题 它定义对话框页面的标题。 |
文本 |
强化
下表列出了与data-enhance="false" 或 data-ajax = "false"属性一起使用的增强元素。
先生。 | 数据属性和描述 | 价值 |
---|---|---|
1 | 数据增强 您可以通过将此属性设置为“true”来设置页面样式。如果设置为“false”,则无法设置页面样式。 |
真实 | 错误的 |
2 | 数据ajax 它指示页面是否必须从 Ajax 加载。 |
真实 | 错误的 |
固定工具栏
下表列出了与data-position =“fixed”属性一起使用的工具栏元素。
先生。 | 数据属性和描述 | 价值 |
---|---|---|
1 | 数据禁用页面缩放 它定义用户是否能够缩放/缩放页面。 |
真实 | 错误的 |
2 | 数据全屏 它定义工具栏必须位于顶部和/或底部。 |
真实 | 错误的 |
3 | 数据点击切换 它指示用户是否可以在点击时切换工具栏可见性。 |
真实 | 错误的 |
4 | 数据转换 当您点击或单击元素时,它会显示过渡效果。 |
幻灯片| 褪色| 没有任何 |
5 | 数据更新页面填充 它通过使用调整大小、转换和更新布局事件来更新页面的填充。 |
真实 | 错误的 |
6 | 页面显示数据可见 它定义显示父页面时工具栏的可见性。 |
真实 | 错误的 |
翻转拨动开关
下表列出了与data-role = "flipswitch"属性一起使用的翻转切换元素-
先生。 | 数据属性和描述 | 价值 |
---|---|---|
1 | 数据迷你型 它定义开关是否应以较小尺寸或常规尺寸显示。 |
真实 | 错误的 |
2 | 文本数据 它定义了翻转开关上的“on”文本。 |
默认为“开” |
3 | 数据脱离文本 它定义了翻转开关上的“关闭”文本。 |
默认为“关闭” |
页脚
下表列出了与data-role="footer"属性一起使用的页脚元素 -
先生。 | 数据属性和描述 | 价值 |
---|---|---|
1 | 数据ID 它定义了唯一的 ID。 |
文本 |
2 | 数据位置 它定义页脚是否应位于底部或与页面内容内联。 |
内联| 固定的 |
3 | 数据全屏 它定义页脚是否应位于底部并位于页面内容上方。 |
真实 | 错误的 |
4 | 数据主题 它定义页脚的主题颜色。 |
字母 (az) |
标头
下表列出了与data-role = "header"属性一起使用的标头元素。
先生。 | 数据属性和描述 | 价值 |
---|---|---|
1 | 数据ID 它定义了唯一的 ID。 |
文本 |
2 | 数据位置 它定义标题是否应位于底部或与页面内容内联。 |
内联| 固定的 |
3 | 数据全屏 它定义标题是否应位于底部并位于页面内容上方。 |
真实 | 错误的 |
4 | 数据主题 它定义标题的主题颜色。 |
字母 (az) |
输入
下表列出了与type = "text|search|etc"属性一起使用的输入元素。
先生。 | 数据属性和描述 | 价值 |
---|---|---|
1 | 数据清除按钮 它定义输入元素是否应包含清除按钮。 |
真实 | 错误的 |
2 | 数据清除 btn 文本 它定义清除按钮的文本。 |
文本 |
3 | 数据迷你型 它定义输入是否应以较小尺寸或常规尺寸显示。 |
真实 | 错误的 |
4 | 数据角色 它停止将输入或文本区域设置为按钮。 |
没有任何 |
5 | 数据主题 它定义输入元素的主题颜色。 |
字母 (az) |
关联
下表列出了 jQuery Mobile 使用的链接元素。
先生。 | 数据属性和描述 | 价值 |
---|---|---|
1 | 数据ajax 它指示页面是否必须通过 Ajax 加载。 |
真实 | 错误的 |
2 | 数据方向 它用于反向转换。 |
撤销 |
3 | 数据 dom 缓存 它指示页面的 jQuery DOM 缓存是否必须清除。 |
真实 | 错误的 |
4 | 数据预取 它用于将页面预取到 DOM 中。 |
真实 | 错误的 |
5 | 数据相关 它指定链接的Behave。 |
返回 | 对话框| 外部| 弹出窗口 |
6 | 数据转换 它定义从一个页面到另一页面的转换。 |
褪色| 翻转| 流量| 流行 | 幻灯片| 滑下| 幻灯片淡入淡出 | 幻灯片| 转| 没有任何 |
7 | 数据位置到 它定义了弹出框的位置。 |
起源 | jQuery 选择器 | 窗户 |
列表
下表显示了与data-role = "listview"属性一起使用的列表元素。
先生。 | 数据属性和描述 | 价值 |
---|---|---|
1 | 数据自动分配器 它会自动划分列表。 |
真实 | 错误的 |
2 | 数据计数主题 它定义了计数元素的主题颜色。 |
字母 (az) |
3 | 数据分隔符主题 它定义列表分隔符的主题颜色。 |
字母 (az) |
4 | 数据过滤器 它用于过滤搜索框中的列表值。 |
真实 | 错误的 |
5 | 数据过滤器占位符 它定义了搜索框中的一些文本。 |
文本 |
6 | 数据过滤主题 它定义搜索过滤器的主题颜色。 |
字母 (az) |
7 | 数据图标 它提供列表的图标。 |
默认是没有图标的 |
8 | 数据插入 它定义列表是否应显示圆角和边距。 |
真实 | 错误的 |
9 | 数据分割图标 它定义了拆分按钮的图标。 |
默认图标是“箭头-r” |
10 | 数据分割主题 它定义了分割按钮的主题颜色。 |
字母 (az) |
11 | 数据主题 它定义列表的主题颜色。 |
字母 (az) |
项目清单
下表显示了与data-role = "listview"属性一起使用的列表项元素。
先生。 | 数据属性和描述 | 价值 |
---|---|---|
1 | 数据过滤文本 它用于使用搜索框中的文本过滤列表值。 |
文本 |
2 | 数据图标 它提供列表项的图标。 |
默认是没有图标的 |
3 | 数据角色 它定义列表项的分隔符。 |
列表分隔符 |
4 | 数据主题 它定义列表项的主题颜色。 |
字母 (az) |
导航栏
下表列出了与data-role = "navbar"属性一起使用的导航栏元素。
先生。 | 数据属性和描述 | 价值 |
---|---|---|
1 | 数据图标 它提供列表项的图标。 |
默认是没有图标的 |
2 | 数据图标 它定义了图标的位置。 |
左| 对| 顶部 | 底部| 没有文本 |
页
下表列出了与data-role =“page”属性一起使用的页面元素。
先生。 | 数据属性和描述 | 价值 |
---|---|---|
1 | 数据 dom 缓存 它指示是否必须清除各个页面的 DOM 缓存。 |
真实 | 错误的 |
2 | 数据覆盖主题 它定义对话框页面的覆盖颜色。 |
字母 (az) |
3 | 数据主题 它定义页面的主题颜色。 |
字母 (az) |
4 | 数据标题 它提供页面的标题。 |
默认是没有图标的 |
5 | 数据网址 它用于更新 URL。 |
网址 |
弹出窗口
下表列出了与data-role = "popup"属性一起使用的弹出元素。
先生。 | 数据属性和描述 | 价值 |
---|---|---|
1 | 数据角 它定义弹出窗口是否应显示圆角和边距。 |
真实 | 错误的 |
2 | 数据可驳回 它定义是否应通过单击外部来关闭弹出窗口。 |
真实 | 错误的 |
3 | 数据历史 它定义弹出窗口在打开时是否应显示项目的历史记录。 |
真实 | 错误的 |
4 | 数据覆盖主题 它定义了弹出框的覆盖颜色。 |
字母 (az) |
5 | 数据影子 它显示弹出框的阴影。 |
真实 | 错误的 |
6 | 数据主题 它定义弹出框的主题颜色。 |
字母 (az) |
7 | 数据容错 它定义了窗口的边缘。 |
30, 15, 30, 15 |
单选按钮
下表列出了与type = "radio"属性一起使用的单选按钮元素。
先生。 | 数据属性和描述 | 价值 |
---|---|---|
1 | 数据迷你型 它定义按钮是否应以较小尺寸或常规尺寸显示。 |
真实 | 错误的 |
2 | 数据角色 它停止将单选按钮的样式设置为增强按钮。 |
没有任何 |
3 | 数据主题 它定义单选按钮的主题颜色。 |
字母 (az) |
选择
下表列出了 jQuery Mobile 使用的选择元素。
先生。 | 数据属性和描述 | 价值 |
---|---|---|
1 | 数据图标 它提供选择元素的图标。 |
默认为“箭头-d” |
2 | 数据图标 它定义了图标的位置。 |
左| 对| 顶部 | 底部 |
3 | 数据内联 它定义按钮是否应该内联。 |
真实 | 错误的 |
4 | 数据迷你型 它定义 select 是否应以较小尺寸或常规尺寸显示。 |
真实 | 错误的 |
5 | 数据本机菜单 当设置为 false 时,它使用自定义菜单。 |
真实 | 错误的 |
6 | 数据覆盖主题 它定义自定义选择菜单的覆盖颜色。 |
字母 (az) |
7 | 数据占位符 用于设置非原生select的选项元素。 |
真实 | 错误的 |
8 | 数据角色 它停止将选择元素的样式设置为按钮。 |
没有任何 |
9 | 数据主题 它显示所选元素的主题颜色。 |
字母 (az) |
滑块
下表列出了与type = "range"属性一起使用的滑块元素。
先生。 | 数据属性和描述 | 价值 |
---|---|---|
1 | 数据突出显示 它突出显示滑块。 |
真实 | 错误的 |
2 | 数据迷你型 它定义滑块是否应以较小尺寸或常规尺寸显示。 |
真实 | 错误的 |
3 | 数据角色 它停止将滑块控件的样式设置为按钮。 |
没有任何 |
4 | 数据主题 它显示滑块控件的主题颜色。 |
字母 (az) |
5 | 数据轨道主题 它显示滑块轨道的主题颜色。 |
字母 (az) |