jQuery Mobile Data 属性

在底部还是覆盖在页面内容上（查看范围更大）data-theme字母 (a-z)规定尾部栏的主题颜色。默认是 "a"注意：如需启用全屏定位，请使用 data-position="fixed"，然后添加 data-fullscreen 属性到元素上。头部栏带有 data-role="header" 的容器。Data-属性值描述data-idsometext规定唯一 ID。对于持续的头部栏是必需的data-positioninline | fixed规定头部栏是与页面内容内联还是保持固定在顶部data-fullscreentrue | false规定头部栏是固定在顶部还是覆盖在页面内容上（查看范围更大）data-theme字母 (a-z)规定头部栏的主题颜色。默认是 "a"注意：如需启用全屏定位，请使用 data-position="fixed"，然后添加 data-fullscreen 属性到元素上。链接所有的链接，包含那些带有 data-role="button" 的链接和表单提交按钮。Data-属性值描述data-ajaxtrue | false规定是否通过 ajax 加载页面来提高用户体验和交互。如果设置为 false，jQuery Mobile 将会执行一个正常的页面请求。data-directionreverse反向转换动画（仅用于页面和对话框）data-dom-cachetrue | false规定是否清除各个页面的 jQuery DOM 缓存（如果设置为 true，您必须自己管理 DOM 并在所有移动设备上进行测试）data-prefetchtrue | false规定是否预先读取页面到 DOM 中，以便当用户访问它们时可用data-relback | dialog | external | popup规定链接行为的选项。Back - 回退到历史记录中的前一个页面。Dialog - 以对话框形式打开链接，不保存到历史记录中。External - 用于链接到另一个域。Popup - 打开一个弹出窗口。data-transitionfade | flip | flow | pop | slide | slidedown | slidefade | slideup | turn |none规定一个页面切换到下一个页面的效果。请查看我们的 jQuery Mobile 页面切换章节。data-position-toorigin | jQuery selector | window规定弹出框的位置。Origin - 默认。定位弹窗在打开它的链接上。jQuery selector - 定位弹窗在指定元素上。Window - 定位弹窗在窗口屏幕的中央。列表带有 data-role="listview" 的 <ol> 或 <ul>。Data-属性值描述data-autodividerstrue | false规定是否自动划分列表项data-count-theme字母 (a-z)规定计数气泡的主题颜色。data-divider-theme字母 (a-z)规定列表分隔的主题颜色。data-filtertrue | false规定是否在列表中添加搜索框data-filter-placeholdersometext1.4 版本后废弃。使用 HTML placeholder 属性替代。规定搜索框内的文本。默认是 "Filter items..."data-filter-theme字母 (a-z)规定搜索过滤的主题颜色。data-icon图标参考手册规定列表的图标data-insettrue | false规定列表是否渲染成圆角且带外边距data-split-icon图标参考手册规定分割按钮的图表。默认是 "arrow-r"data-split-theme字母 (a-z)规定分割按钮的主题颜色。data-theme字母 (a-z)规定列表的主题颜色列表项带有 data-role="listview" 的 <ol> 或 <ul> 内的 <li>。Data-属性值描述data-filtertextsometext规定当过滤元素时要搜索的文本。该文本将会被过滤，而不是实际的列表项文本data-icon图标参考手册规定列表项图标data-rolelist-divider规定列表项的分隔data-theme字母 (a-z) 规定列表项的主题颜色注意：data-icon 属性只作用于带有链接的列表项。导航栏带有 data-role="navbar" 容器内部的 <li> 元素。Data-属性值描述data-icon图标参考手册规定列表项的图标data-iconposleft | right | top | bottom | notext规定图标的位置导航栏从他们的父容器中继承了主题样本。为导航栏设置 data-theme 属性是不可能的。可以为导航栏中的每个链接单独设置 data-theme 属性。页面带有 data-role="page" 的容器。Data-属性值描述data-add-back-btntrue | false自动添加后退按钮，仅限头部栏data-back-btn-textsometext规定后退按钮的一些文本data-back-btn-theme字母 (a-z)规定后退按钮的主题颜色data-close-btn-text字母 (a-z) 规定对话框上关闭按钮的一些文本data-dom-cachetrue | false规定是否清除各个页面的 jQuery DOM 缓存（如果设置为 true，您必须自己管理 DOM 并在所有移动设备上进行测试）data-overlay-theme字母 (a-z) 规定对话框页面的蒙版（背景）颜色data-theme字母 (a-z) 规定页面的主题颜色。data-titlesometext规定页面标题data-urlurl更新 URL 的值，而不是用于请求页面的 URL弹窗带有 data-role="popup" 的容器。Data-属性值描述data-cornerstrue | false规定弹窗是否圆角data-overlay-theme字母 (a-z) 规定弹出框的蒙版（背景）颜色。默认是透明背景（无） data-shadowtrue | false规定弹出框是否有阴影data-theme字母 (a-z) 规定弹出框的主题颜色。默认是继承的，"none" 设置弹窗为透明的data-tolerance30, 15, 30, 15 规定窗口边缘（上 top、右 right、下 bottom、左 left）的距离带有 data-rel="popup" 的锚：Data-属性值描述data-position-toorigin | jQuery selector | window>规定弹出框的位置。Origin - 默认。定位弹窗在打开它的链接上。jQuery selector - 定位弹窗在指定元素上。Window - 定位弹窗在窗口屏幕的中央。data-relpopup用于打开弹出框data-transitionfade | flip | flow | pop | slide | slidedown | slidefade | slideup | turn |none规定一个页面切换到下一个页面的效果。请查看我们的 jQuery Mobile 页面切换章节。单选按钮带有 type="radio" 的成双成对的 label 和 input。它们会被自动渲染程按钮样式，data-role 不是必需的。Data-属性值描述data-minitrue | false规定按钮是小尺寸还是常规尺寸data-rolenone防止 jQuery Mobile 渲染单选按钮的样式为增强状态的按钮，使元素以 HTML 原生的状态显示data-theme字母 (a-z)规定单选按钮的主题颜色如需组合多个单选按钮，请使用带有 data-role="controlgroup" 属性和 data-type="horizontal|vertical" 的容器来规定是否水平或垂直组合单选按钮。选择所有的 <select> 元素。这些会被自动渲染成按钮样式，date-role 是不必需的。Data-属性值描述data-icon图标参考手册规定 select 元素的图标。默认是 "arrow-d"data-iconposleft | right | top | bottom | notext规定图标的位置data-inlinetrue | false规定 select 元素是否内联