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)