按钮
它指定一个可点击的按钮，其中包含使用 ui-btn 类的文本或图像等内容.它在1.4版中已弃用.使用 ui-btn 属性而不是使用 data-role ="button"属性.
下表列出了使用的按钮元素with data attribute.
| Sr.No . | 数据属性&说明 | 值 |
|---|---|---|
| 1 | 数据角落 它定义按钮是否应包含圆角或没有. | true | false |
| 2 | 数据图标 它定义了按钮的图标. | 默认为无图标 |
| 3 | data-iconpos 它定义了图标的位置. | left |对|顶部|底部 |
| 4 | data-iconshadow 它定义按钮的图标是否应包含阴影. | true | false |
| 5 | data-inline 它定义按钮是否应该内联. | true | false |
| 6 | data-mini 它定义按钮是以较小尺寸还是以常规尺寸显示. | true | false |
| 7 | data-shadow 它定义按钮是否应该包含阴影. | true | false |
| 8 | 数据主题 它显示按钮的主题颜色. | letter(az) |
复选框
关注表列出了与 type ="checkbox" 一起使用的复选框元素.
| Sr.No. | 数据属性&说明 | 值 |
|---|---|---|
| 1 | data-mini 它定义复选框是否应以较小的尺寸显示或常规尺寸. | true | false |
| 2 | 数据角色 它会停止将复选框设置为按钮样式. | 无 |
| 3 | 数据主题 它显示复选框的主题颜色. | letter(az) |
可折叠
关注表列出了与 data-role ="collapsible" 属性一起使用的可折叠元素.
| Sr.No. | 数据属性&安培;说明 | 值 |
|---|---|---|
| 1 | 数据已折叠 它表示是应关闭还是展开内容. | true | false |
| 2 | data-collapsed-cue-text 它显示用户使用屏幕阅读器软件的反馈. | 默认为折叠内容 |
| 3 | data-collapsed-icon 它定义了可折叠按钮的图标. | 默认图标为"加" |
| 4 | data-content-theme 显示主题可折叠内容的颜色. | 字母(az) |
| 5 | data-expanded-cue-text 它显示用户使用屏幕阅读器软件的反馈. | 默认是扩展内容 |
| 6 | data-expanded-icon 展开内容时会显示折叠按钮. | 默认图标为"减号" |
| 7 | data-iconpos 它定义了图标的位置. | left |对|顶部|底部 |
| 8 | data-inset 它定义可折叠按钮是否应显示圆角和边距. | true | false |
| 9 | data-mini 它定义可折叠按钮是以较小尺寸还是以常规尺寸显示. | true | false |
| 10 | 数据主题 它显示可折叠按钮的主题颜色. | 字母(az) |
可折叠集
下表列出了与 data-role ="collapsibleset" 属性一起使用的可折叠集元素.
| Sr.No. | 数据属性&安培;说明 | 值 |
|---|---|---|
| 1 | data-collapsed-icon 它定义了可折叠按钮的图标. | 默认图标为"加" |
| 2 | data-content-theme 显示可折叠内容的主题颜色. | letter(az) |
| 3 | data-expanded-icon 展开内容时会显示折叠按钮. | 默认图标为"减号" |
| 4 | data-iconpos 它定义了图标的位置. | left |对|顶部|底部 |
| 5 | data-inset 它定义可折叠按钮是否应显示圆角和边距. | true | false |
| 6 | data-mini 它定义可折叠按钮是以较小尺寸还是以常规尺寸显示. | true | false |
| 7 | 数据主题 它显示可折叠按钮的主题颜色. | letter(az) |
Controlgroup
下表列出了Controlgroup元素与 data-role ="controlgroup"一起使用 属性 :
| Sr.No. | 数据属性&说明 | 值 |
|---|---|---|
| 1 | 数据排除不可见 它定义是否排除不可见的子项圆角的分配. | true | false |
| 2 | data-mini 它定义组是否应以较小的尺寸或常规尺寸显示. | true | false |
| 3 | 数据主题 它显示控制组的主题颜色. | 字母(az) |
| 4 | 数据类型 它表示该组是以横向还是纵向格式显示. | 水平|垂直 |
对话
下表列出了与一起使用的对话框元素 data-dialog ="true" 属性.
| Sr.No. | 数据属性&说明 | 值 |
|---|---|---|
| 1 | data-close-btn 它定义了关闭按钮的位置. | left |对|无 |
| 2 | data-close-btn-text 它定义了关闭按钮的文本. | text |
| 3 | 数据角 它定义对话框是否应显示圆角. | true | false |
| 4 | data-dom-cache 它表示DOM缓存是否必须清除单个页面. | true | false |
| 5 | data-overlay-theme 它定义了对话框页面的叠加颜色. | 字母(az) |
| 6 | 数据主题 它定义了对话框页面的主题颜色. | 字母(az) |
| 7 | data-title 它定义了对话框页面的标题. | text |
增强功能
下表列出了与 data-enhance ="false"或data-ajax ="false" 属性一起使用的增强元素.
| Sr.No. | 数据属性&说明 | 值 |
|---|---|---|
| 1 | 数据增强 您可以通过将此属性设置为" "真正".如果页面设置为"false"，则无法设置页面样式. | true | false |
| 2 | data-ajax 它表示页面是否必须从Ajax加载. | true | false |
固定工具栏
下表列出了与
Sr.No.数据属性&说明值1
data-disable-page-zoom
它定义用户是否是是否可以缩放/缩放页面.
true | false2
数据全屏
它定义工具栏必须位于顶部和/或底部.
true | false3
数据点击切换
它表示用户是否可以在点击时切换工具栏可见性.
true | false4
数据转换
点击或点击元素时会显示转换效果.
slide |褪色|无5
data-update-page-padding
它使用调整大小，转换和更新布局事件来更新页面填充.
true | false6
data-visible-on-page-show
它在显示父页面时定义工具栏可见性.
true | false
翻转切换开关
下表列出了使用的翻转切换元素 data-role ="flipswitch" 属性 : 去;
Sr.No.数据属性&说明值1
data-mini
它定义开关是否应以较小的尺寸显示或常规尺寸.
true | false2
数据文本
它定义翻转开关上的"on"文本.
默认为"on"3
数据文本
它定义翻转开关上的"关闭"文本.
默认为"关闭"
页脚
下表列出了与 data-role ="footer"属性 :
$ b一起使用的页脚元素$ b
Sr.No.数据属性&说明值1
data-id
它定义唯一ID.
text2
数据位置
它定义页脚是否应位于底部或内联页面内容.
inline |已修复3
data-fullscreen
它定义页脚是否应位于底部和页面内容之上.
true | false4
数据主题
它定义了页脚的主题颜色.
字母(az)
标题
下表列出了使用的标题元素使用 data-role ="header" 属性.
Sr.No.数据属性&说明值1
data-id
它定义唯一ID.
text2
数据位置
它定义标题是否应位于底部或内联页面内容.
inline |已修复3
data-fullscreen
它定义标题是否应位于页面底部和页面内容之上.
true | false4
数据主题
它定义标题的主题颜色.
字母(az)
输入
下表列出了使用的输入元素使用 type ="text | search | etc" 属性.
Sr.No.数据属性&说明值1
data-clear-btn
它定义输入元素是否应包含是否清除按钮.
true | false2
data-clear-btn-text
它定义了清除按钮的文本.
text3
data-mini
它定义输入是以较小的尺寸还是以常规尺寸显示.
true | false4
数据角色
它会停止将输入或文本区域设置为按钮.
无5
data-theme
它定义了输入元素的主题颜色.
字母(az)
链接
下表列出了与jQuery Mobile一起使用的链接元素.
Sr.No.数据属性&说明值1
data-ajax
它表示是否必须通过Ajax加载页面是不是.
true | false2
数据方向
它用于反向转换.
反向3
数据-dom-cache
它表示jQuery DOM缓存是否必须清除页面.
true | false4
data-prefetch
它用于将页面预取到DOM中.
true | false5
data-rel
它指定了链接的行为.
返回|对话|外部| popup6
数据转换
它定义了从一个页面到另一个页面的转换.
淡化|翻转|流动|流行|幻灯片| slidedown | slidefade | slideup |转|无7
data-position-to
它定义了弹出框的位置.
origin | jQuery选择器| window
List
下表显示了与一起使用的列表元素 data-role ="listview" 属性.
Sr.No.数据属性&说明值1
data-autodividers
它自动划分列表.
true | false2
data-count-theme
它定义了count元素的主题颜色.
字母(az)3
data-divider-theme
它定义了列表分隔符的主题颜色.
字母(az)4
数据过滤器
它用于过滤搜索框中的列表值.
true | false5
data-filter-placeholder
它在搜索框中定义了一些文字.
text6
data-filter-theme
它定义搜索过滤器的主题颜色.
字母(az)7
数据图标
它提供了列表的图标.
默认为无图标8
data-inset
它定义列表是否应显示圆角和边距.
true | false9
data-split-icon
它定义了拆分按钮的图标.
默认图标为"arrow-r"10
data-split-theme
它定义了分割按钮的主题颜色.
letter(az)11
数据主题
它定义了列表的主题颜色.
字母(az)
列表项
下表显示了与 data-role ="listview" 属性一起使用的列表项元素.
| Sr.No. | 数据属性&说明 | 值 |
|---|---|---|
| 1 | data-filtertext 它用于过滤列表值使用搜索框中的文字. | text |
| 2 | data-icon 它提供列表项的图标. | 默认为无图标 |
| 3 | data-role 它定义了列表项的分隔符. | list-divider |
| 4 | data-theme 它定义了列表项的主题颜色. | letter( az) |
Navbar
下表列出了与
| Sr.No. | 数据属性&说明 | 值 |
|---|---|---|
| 1 | 数据图标 它提供了列表项的图标. | 默认为无图标 |
| 2 | data-iconpos 它定义了icon. | left |对|顶部|底部| notext |
Page
下表列出了与
| Sr.No. | 数据属性&说明 | 值 |
|---|---|---|
| 1 | data-dom-cache 它指示DOM缓存是否必须清除或不适用于单个页面. | true | false |
| 2 | data-overlay-theme 它定义了对话框页面的叠加颜色. | 字母(az) |
| 3 | 数据主题 它定义了页面的主题颜色. | letter(az) |
| 4 | 数据标题 它提供了页面的标题. | 默认为无图标 |
| 5 | data-url 用于更新网址. | url |
弹出窗口
下表列出了与 data-role ="popup" 属性一起使用的弹出元素.
| Sr.No. | 数据属性&说明 | 值 |
|---|---|---|
| 1 | 数据角落 它定义弹出窗口是否应显示圆角或保证金与否. | true | false |
| 2 | 数据不允许 它通过点击外部来定义是否应关闭弹出窗口. | true | false |
| 3 | 数据历史 它定义了弹出窗口是否应该在打开时显示项目的历史记录. | true | false |
| 4 | data-overlay-theme 它定义了弹出框的叠加颜色. | 字母(az) |
| 5 | 数据阴影 它显示弹出框的阴影. | true | false |
| 6 | 数据主题 它定义了弹出框的主题颜色. | 字母(az) |
| 7 | 数据容差 它定义了窗口的边缘. | 30,15,30,15 |
单选按钮
下表列出了与 type ="radio" 属性一起使用的单选按钮元素.
| Sr.No. | 数据属性&说明 | 值 |
|---|---|---|
| 1 | data-mini 它定义按钮是否应以较小的尺寸显示或常规尺寸. | true | false |
| 2 | 数据角色 它将单选按钮的样式设置为增强按钮. | 无 |
| 3 | 数据主题 它定义单选按钮的主题颜色. | 字母(az) |
选择
下表列出了jQuery Mobile使用的select元素.
| Sr.No. | 数据属性&说明 | 值 |
|---|---|---|
| 1 | data-icon 它提供了select元素的图标. | 默认为"arrow-d" |
| 2 | data-iconpos 它定义了图标的位置. | left |对|顶部|底部 |
| 3 | data-inline 它定义按钮是否应该内联. | true | false |
| 4 | data-mini 它定义选择是以较小的尺寸还是以常规尺寸显示. | true | false |
| 5 | data-native-menu 当它被设置为false时，它使用自定义菜单. | true | false |
| 6 | data-overlay-theme 它定义了自定义选择菜单的叠加颜色. | 字母(az) |
| 7 | 数据占位符 它用于设置非原生选择的选项元素. | true | false |
| 8 | data-role 它会停止选择元素的样式作为按钮. | none |
| 9 | data-theme It displays the theme color for the select elements. | letter (az) |
Slider
Following table lists the slider elements used with type = "range" attribute.
| Sr.No. | Data-attribute & Description | Value |
|---|---|---|
| 1 | data-highlight It highlights the slider. | true | false |
| 2 | data-mini It defines whether the slider should display in smaller size or regular size. | true | false |
| 3 | data-role It stops the styling of slider controls as buttons. | none |
| 4 | data-theme It displays the theme color for the slider control. | letter (a-z) |
| 5 | data-track-theme It displays the theme color for the slider track. | letter (a-z) |