{"id":4,"date":"2023-08-25T17:34:36","date_gmt":"2023-08-25T17:34:36","guid":{"rendered":"\/\/api.jquerymobile.com\/1.4\/?page_id=4"},"modified":"2023-08-25T17:34:36","modified_gmt":"2023-08-25T17:34:36","slug":"data-attribute","status":"publish","type":"page","link":"https:\/\/api.jquerymobile.com\/1.4\/data-attribute\/","title":{"rendered":"Data Attributes"},"content":{"rendered":"

Data attribute reference<\/h2>\n

The jQuery Mobile framework uses HTML5 data-<\/code> attributes to allow for markup-based initialization and configuration of widgets. These attributes are completely optional; calling plugins manually and passing options directly is also supported. To avoid naming conflicts with other plugins or frameworks that also use data-<\/code> attributes, set a custom namespace by modifying the ns<\/code> global option<\/a>.<\/p>\n\n

Button<\/a><\/h2>\n

Links with data-role="button"<\/code>. Input-based buttons, links in toolbars and button elements are auto-enhanced, no data-role<\/code> required.<\/p>\n\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t
data-corners<\/th>\n\t\ttrue<\/strong> | false<\/td>\n\t<\/tr>\n\t
data-icon<\/th>\n\t\thome | delete | plus | arrow-u | arrow-d | carat-l | carat-t | carat-r | carat-b | check | gear | grid | star | custom | arrow-r | arrow-l | minus | refresh | forward | back | alert | info | search<\/td>\n\t<\/tr>\n\t
data-iconpos<\/th>\n\t\tleft<\/strong> | right | top | bottom | notext<\/td>\n\t<\/tr>\n\t
data-iconshadow<\/th>\n\t\ttrue | false<\/strong> Deprecated as of 1.4.0 and will be removed in 1.5.0.<\/span><\/td>\n\t<\/tr>\n\t
data-inline<\/th>\n\t\ttrue | false<\/strong><\/td>\n\t<\/tr>\n\t
data-mini<\/th>\n\t\ttrue | false<\/strong> - Compact sized version<\/td>\n\t<\/tr>\n\t
data-shadow<\/th>\n\t\ttrue<\/strong> | false<\/td>\n\t<\/tr>\n\t
data-theme<\/th>\n\t\tswatch letter (a-z)<\/td>\n\t<\/tr>\n<\/table>\n\n

Checkbox<\/a><\/h2>\n

Pairs of labels and inputs with type="checkbox"<\/code> are auto-enhanced, no data-role<\/code> required<\/p>\n\n\t\n\t\t\n\t\t\n\t\t
data-mini<\/th>\n\t\ttrue | false<\/strong> - Compact sized version<\/td>\n\t<\/tr>\n\t
data-role<\/th>\n\t\tnone - Prevents auto-enhancement to use native control<\/td>\n\t<\/tr>\n\t
data-theme<\/th>\n\t\tswatch letter (a-z) - Added to the form element<\/td>\n\t<\/tr>\n<\/table>\n\n

Collapsible<\/a><\/h2>\n

A heading and content wrapped in a container with the data-role="collapsible"<\/code><\/p>\n\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t
data-collapsed<\/th>\n\t\ttrue<\/strong> | false<\/td>\n\t<\/tr>\n\t
data-collapse-cue-text<\/th>\n\t\tstring - Text used to provide audible feedback for users with screen reader software. Default: " click to collapse contents"<\/td>\n\t<\/tr>\n\t
data-collapsed-icon<\/th>\n\t\thome | delete | plus<\/strong> | arrow-u | arrow-d | carat-l | carat-t | carat-r | carat-b | check | gear | grid | star | custom | arrow-r | arrow-l | minus | refresh | forward | back | alert | info | search | false<\/td>\n\t<\/tr>\n\t
data-content-theme<\/th>\n\t\tswatch letter (a-z)<\/td>\n\t<\/tr>\n\t
data-expand-cue-text<\/th>\n\t\tstring - Text used to provide audible feedback for users with screen reader software. Default: " click to expand contents"<\/td>\n\t<\/tr>\n\t
data-expanded-icon<\/th>\n\t\thome | delete | plus | arrow-u | arrow-d | carat-l | carat-t | carat-r | carat-b| check | gear | grid | star | custom | arrow-r | arrow-l | minus<\/strong> | refresh | forward | back | alert | info | search<\/td>\n\t<\/tr>\n\t
data-iconpos<\/th>\n\t\tleft<\/strong> | right | top | bottom<\/td>\n\t<\/tr>\n\t
data-inset<\/th>\n\t\ttrue<\/strong> | false<\/td>\n\t<\/tr>\n\t
data-mini<\/th>\n\t\ttrue | false<\/strong> - Compact sized version<\/td>\n\t<\/tr>\n\t
data-theme<\/th>\n\t\tswatch letter (a-z)<\/td>\n\t<\/tr>\n<\/table>\n

<\/p>\n\n

Collapsible set<\/a><\/h2>\n

A number of collapsibles wrapped in a container with the data-role="collapsibleset"<\/code><\/p>\n\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t
data-collapsed-icon<\/th>\n\t\thome | delete | plus<\/strong> | arrow-u | arrow-d | carat-l | carat-t | carat-r | carat-b| check | gear | grid | star | custom | arrow-r | arrow-l | minus | refresh | forward | back | alert | info | search<\/td>\n\t<\/tr>\n\t
data-content-theme<\/th>\n\t\tswatch letter (a-z) - Sets all collapsibles in set<\/td>\n\t<\/tr>\n\t
data-expanded-icon<\/th>\n\t\thome | delete | plus | arrow-u | arrow-d | carat-l | carat-t | carat-r | carat-b| check | gear | grid | star | custom | arrow-r | arrow-l | minus<\/strong> | refresh | forward | back | alert | info | search<\/td>\n\t<\/tr>\n\t
data-iconpos<\/th>\n\t\tleft<\/strong> | right | top | bottom | notext<\/td>\n\t<\/tr>\n\t
data-inset<\/th>\n\t\ttrue<\/strong> | false<\/td>\n\t<\/tr>\n\t
data-mini<\/th>\n\t\ttrue | false<\/strong> - Compact sized version<\/td>\n\t<\/tr>\n\t
data-theme<\/th>\n\t\tswatch letter (a-z) - Sets all collapsibles in set<\/td>\n\t<\/tr>\n<\/table>\n

<\/p>\n\n

Content<\/h2>\n

Note:<\/strong> Deprecated as of 1.4.0 and will be removed in 1.5.0.<\/p>\n

Container with data-role="content"<\/code><\/p>\n\n\t\n\t\t
data-theme<\/th>\n\t\tswatch letter (a-z)<\/td>\n\t<\/tr>\n<\/table>\n

<\/p>\n\n

Controlgroup<\/a><\/h2>\n

DIV or FIELDSET container with data-role="controlgroup"<\/code>. Visually integrate multiple button-styled elements.<\/p>\n\n\t\n\t\t\n\t\t\n\t\t\n\t\t
data-exclude-invisible<\/th>\n\t\ttrue<\/strong> | false - Sets whether to exclude invisible children in the assignment of rounded corners<\/td>\n\t<\/tr>\n\t
data-mini<\/th>\n\t\ttrue | false<\/strong> - Compact sized version for all items in the controlgroup<\/td>\n\t<\/tr>\n\t
data-theme<\/th>\n\t\tswatch letter (a-z)<\/td>\n\t<\/tr>\n\t
data-type<\/th>\n\t\thorizontal | vertical<\/strong> - For horizontal or vertical item alignment<\/td>\n\t<\/tr>\n<\/table>\n

<\/p>\n\n

Dialog<\/a><\/h2>\n

Container with data-role="dialog"<\/code> or linked to with data-rel="dialog"<\/code> on the anchor.<\/p>\n\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t
data-close-btn<\/th>\n\t\tleft<\/strong> | right | none<\/td>\n\t<\/tr>\n\t
data-close-btn-text<\/th>\n\t\tstring - Text for the close button, dialog only. Default: "close"<\/strong><\/td>\n\t<\/tr>\n\t
data-corners<\/th>\n\t\ttrue<\/strong> | false<\/td>\n\t<\/tr>\n\t
data-dom-cache<\/th>\n\t\ttrue | false<\/strong><\/td>\n\t<\/tr>\n\t
data-overlay-theme<\/th>\n\t\tswatch letter (a-z) - Overlay theme when the page is opened in a dialog<\/td>\n\t<\/tr>\n\t
data-theme<\/th>\n\t\tswatch letter (a-z)<\/td>\n\t<\/tr>\n\t
data-title<\/th>\n\t\tstring - Title used when page is shown<\/td>\n\t<\/tr>\n<\/table>\n

<\/p>\n\n

Enhancement<\/a><\/h2>\n

Container with data-enhance="false"<\/code> or data-ajax="false"<\/code><\/p>\n\n\t\n\t\t\n\t\t
data-enhance<\/th>\n\t\ttrue<\/strong> | false<\/td>\n\t<\/tr>\n\t
data-ajax<\/th>\n\t\ttrue<\/strong> | false<\/td>\n\t<\/tr>\n<\/table>\n

Any DOM elements inside a data-enhance="false"<\/code> container, save for data-role="page|dialog"<\/code> elements, will be ignored during initial enhancement and subsequent create<\/code> events provided that the $.mobile.ignoreContentEnabled<\/code> flag is set prior to the enhancement (eg in a mobileinit<\/code> binding).<\/p>\n\n

Any link or form element inside data-ajax="false"<\/code> containers will be ignored by the framework's navigation functionality when $.mobile.ignoreContentEnabled<\/code> is set to true.<\/p>\n\n

Field container<\/h2>\n

Container with data-role="fieldcontain"<\/code> wrapped around label\/form element pair<\/p>\n

Note:<\/strong> data-role="fieldcontain"<\/code> is deprecated as of jQuery Mobile 1.4.0 and will be removed in 1.5.0. Add class ui-field-contain<\/code> instead.<\/p>\n\n

Flip toggle switch<\/a><\/h2>\n

Select with data-role="slider"<\/code> and two option<\/code> element<\/p>\n\n\t\n\t\t\n\t\t\n\t\t\n\t\t
data-mini<\/th>\n\t\ttrue | false<\/strong> - Compact sized version<\/td>\n\t<\/tr>\n\t
data-role<\/th>\n\t\tnone - Prevents auto-enhancement to use native control<\/td>\n\t<\/tr>\n\t
data-theme<\/th>\n\t\tswatch letter (a-z) - Added to the form element<\/td>\n\t<\/tr>\n\t
data-track-theme<\/th>\n\t\tswatch letter (a-z) - Added to the form element<\/td>\n\t<\/tr>\n<\/table>\n

<\/p>\n\n

Link<\/h2>\n

Links, including those with a data-role="button"<\/code>, and form submit buttons share these attributes<\/p>\n\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t
data-ajax<\/th>\n\t\ttrue<\/strong> | false<\/td>\n\t<\/tr>\n\t
data-direction<\/th>\n\t\treverse - Reverse transition animation (only for page or dialog)<\/td>\n\t<\/tr>\n\t
data-dom-cache<\/th>\n\t\ttrue | false<\/strong><\/td>\n\t<\/tr>\n\t
data-prefetch<\/th>\n\t\ttrue | false<\/strong><\/td>\n\t<\/tr>\n\t
data-rel<\/th>\n\t\tback - To move one step back in history
\n\t\t\tdialog - To open link styled as dialog, not tracked in history
\n\t\t\texternal - For linking to another domain
\n\t\t\tpopup - For opening a popup<\/td>\n\t<\/tr>\n\t
data-transition<\/th>\n\t\tfade<\/strong> | flip | flow | pop | slide | slidedown | slidefade | slideup | turn | none<\/td>\n\t<\/tr>\n\t
data-position-to<\/th>\n\t\torigin<\/strong> - Centers the popup over the link that opens it
\n\t\t\tjQuery selector - Centers the popup over the specified element
\n\t\t\twindow - Centers the popup in the window
\n\t\t\tNote:<\/u> option only available when used with popups. See also: options<\/a>.<\/td>\n\t<\/tr>\n<\/table>\n

<\/p>\n\n

Listview<\/a><\/h2>\n

OL<\/code> or UL<\/code> with data-role="listview"<\/code><\/p>\n\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t
data-autodividers<\/th>\n\t\ttrue | false<\/strong><\/td>\n\t<\/tr>\n\t
data-count-theme<\/th>\n\t\tswatch letter (a-z) - Default "null", inherited from parent Deprecated as of 1.4.0 and will be removed in 1.5.0.<\/span><\/td>\n\t<\/tr>\n\t
data-divider-theme<\/th>\n\t\tswatch letter (a-z) - Default "null", inherited from parent<\/td>\n\t<\/tr>\n\t
data-filter<\/th>\n\t\ttrue | false<\/strong><\/td>\n\t<\/tr>\n\t
data-filter-placeholder<\/th>\n\t\tstring<\/td>\n\t<\/tr>\n\t
data-filter-theme<\/th>\n\t\tswatch letter (a-z)<\/td>\n\t<\/tr>\n\t
data-header-theme<\/th>\n\t\tswatch letter (a-z)<\/td>\n\t<\/tr>\n\t
data-icon<\/th>\n\t\thome | delete | plus | arrow-u | arrow-d | carat-l | carat-t | carat-r | carat-b| check | gear | grid | star | custom | arrow-r | arrow-l | minus | refresh | forward | back | alert | info | search | false<\/td>\n\t<\/tr>\n\t
data-inset<\/th>\n\t\ttrue | false<\/strong><\/td>\n\t<\/tr>\n\t
data-split-icon<\/th>\n\t\thome | delete | plus | arrow-u | arrow-d | carat-l | carat-t | carat-r | carat-b| check | gear | grid | star | custom | arrow-r<\/strong> | arrow-l | minus | refresh | forward | back | alert | info | search<\/td>\n\t<\/tr>\n\t
data-split-theme<\/th>\n\t\tswatch letter (a-z) - Default "null", inherited from parent<\/td>\n\t<\/tr>\n\t
data-theme<\/th>\n\t\tswatch letter (a-z)<\/td>\n\t<\/tr>\n<\/table>\n

<\/p>\n\n

Listview item<\/a><\/h2>\n

LI<\/code> within a listview<\/p>\n\n\t\n\t\t\n\t\t\n\t\t\n\t\t
data-filtertext<\/th>\n\t\tstring - Filter by this value instead of inner text<\/td>\n\t<\/tr>\n\t
data-icon<\/th>\n\t\thome | delete | plus | arrow-u | arrow-d | carat-l | carat-t | carat-r | carat-b| check | gear | grid | star | custom | arrow-r | arrow-l | minus | refresh | forward | back | alert | info | search | false<\/td>\n\t<\/tr>\n\t
data-role<\/th>\n\t\tlist-divider<\/td>\n\t<\/tr>\n\t
data-theme<\/th>\n\t\tswatch letter (a-z)<\/td>\n\t<\/tr>\n<\/table>\n

The data-icon<\/code> attribute is only applicable for a listview item if it contains a link.<\/p>\n\n

Navbar<\/a><\/h2>\n

A number of LI<\/code>s wrapped in a container with data-role="navbar"<\/code><\/p>\n\n\t\n\t\t
data-iconpos<\/th>\n\t\tleft | right | top<\/strong> | bottom | notext<\/td>\n\t<\/tr>\n<\/table>\n

To add icons to the navbar items, the data-icon<\/code> attribute is used, specifying a standard mobile icon for each item.<\/p>\n

Navbars inherit the theme-swatch from their parent container. Setting the data-theme<\/code> attribute to a navbar is not supported. The data-theme<\/code> attribute can be set individually to the links inside a navbar.<\/p>\n\n

Page<\/a><\/h2>\n

Container with data-role="page"<\/code><\/p>\n\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t
data-dom-cache<\/th>\n\t\ttrue | false<\/strong><\/td>\n\t<\/tr>\n\t
data-overlay-theme<\/th>\n\t\tswatch letter (a-z) - Overlay theme when the page is opened as a dialog<\/td>\n\t<\/tr>\n\t
data-theme<\/th>\n\t\tswatch letter (a-z) - Default "a"<\/td>\n\t<\/tr>\n\t
data-title<\/th>\n\t\tstring - Title used when page is shown<\/td>\n\t<\/tr>\n\t
data-url<\/th>\n\t\turl - Value for updating the URL, instead of the url used to request the page. The value of this attribute should not be URI-encoded. If your path or filename contains apostrophes or quotation marks, use entity encoding in the value, rather than URL encoding. For example, data-url="\/path\/to\/&quot;<\/b>Devil&apos;<\/b>s Advocate&quot;<\/b>.html"<\/code><\/td>\n\t<\/tr>\n<\/table>\n

<\/p>\n\n

Popup<\/a><\/h2>\n

Container with data-role="popup"<\/code><\/p>\n\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t
data-corners<\/th>\n\t\ttrue<\/strong> | false<\/td>\n\t<\/tr>\n\t
data-dismissible<\/th>\n\t\ttrue<\/strong> | false - If set to false prevents popup closing by clicking outside of the popup or pressing the Escape key<\/td>\n\t<\/tr>\n\t
data-history<\/th>\n\t\ttrue<\/strong> | false - Sets whether the popup creates a browser history item when it opens. If set to false, it will not create a history item, and will thus not be closeable via the browser's "Back" button.<\/td>\n\t<\/tr>\n\n\t
data-overlay-theme<\/th>\n\t\tswatch letter (a-z) - Default "null" (transparent background)<\/td>\n\t<\/tr>\n\t
data-position-to<\/th>\n\t\torigin<\/strong> | window | selector - "origin" indicates that the popup is to be centered over the link that opens it. "window" indicates that it is to be centered in the browser window. If you give a jQuery selector, it will be centered over the first element returned by the selector, if that element is visible. Otherwise, it will be centered in the browser window.<\/td>\n\t<\/tr>\n\t
data-shadow<\/th>\n\t\ttrue<\/strong> | false<\/td>\n\t<\/tr>\n\t
data-theme<\/th>\n\t\tswatch letter (a-z) | none - Default inherited, "none" sets the popup to transparent<\/td>\n\t<\/tr>\n\t
data-tolerance<\/th>\n\t\t30,15,30,15<\/strong> - Distance from the edges of the window (top, right, bottom, left)<\/td>\n\t<\/tr>\n\t
data-transition<\/th>\n\t\tnone<\/strong> | transition - The transition to use when making the popup appear\/disappear.<\/td>\n\t<\/tr>\n<\/table>\n

Anchor with a data-rel="popup"<\/code> opens the popup<\/p>\n\n\t\n\t\t\n\t\t\n\t\t
data-position-to<\/th>\n\t\torigin<\/strong> - Centers the popup over the link that opens it
\n\t\t\tjQuery selector - Centers the popup over the specified element
\n\t\t\twindow - Centers the popup in the window<\/td>\n\t<\/tr>\n\t
data-rel<\/th>\n\t\tpopup - For opening a popup<\/td>\n\t<\/tr>\n\t
data-transition<\/th>\n\t\tfade | flip | flow | pop | slide | slidedown | slidefade | slideup | turn | none<\/strong> - The transition to be used when showing\/hiding the popup<\/td>\n\t<\/tr>\n<\/table>\n

<\/p>\n\n

Radio button<\/a><\/h2>\n

Pairs of labels and inputs with type="radio"<\/code> are auto-enhanced, no data-role<\/code> required<\/p>\n\n\t\n\t\t\n\t\t\n\t\t
data-mini<\/th>\n\t\ttrue | false<\/strong> - Compact sized version<\/td>\n\t<\/tr>\n\t
data-role<\/th>\n\t\tnone - Prevents auto-enhancement to use native control<\/td>\n\t<\/tr>\n\t
data-theme<\/th>\n\t\tswatch letter (a-z) - Added to the form element<\/td>\n\t<\/tr>\n<\/table>\n\n

Selectmenu<\/a><\/h2>\n

All select<\/code> form elements are auto-enhanced, no data-role<\/code> required<\/p>\n\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t
data-divider-theme<\/th>\n\t\tswatch letter (a-z) - Default "b" - Only applicable if optgroup<\/code> support is used in non-native selects<\/td>\n\t<\/tr>\n\t
data-icon<\/th>\n\t\thome | delete | plus | arrow-u | arrow-d<\/strong> | carat-l | carat-t | carat-r | carat-b | check | gear | grid | star | custom | arrow-r | arrow-l | minus | refresh | forward | back | alert | info | search | false <\/td>\n\t<\/tr>\n\t
data-iconpos<\/th>\n\t\tleft | right<\/strong> | top | bottom | notext<\/td>\n\t<\/tr>\n\t
data-inline<\/th>\n\t\ttrue | false<\/strong><\/td>\n\t<\/tr>\n\t
data-mini<\/th>\n\t\ttrue | false<\/strong> - Compact sized version<\/td>\n\t<\/tr>\n\t
data-native-menu<\/th>\n\t\ttrue<\/strong> | false<\/td>\n\t<\/tr>\n\t
data-overlay-theme<\/th>\n\t\tswatch letter (a-z) - Overlay theme for non-native selects<\/td>\n\t<\/tr>\n\t
data-placeholder<\/th>\n\t\ttrue | false<\/strong> - Can be set on option<\/code> element of a non-native select<\/td>\n\t<\/tr>\n\t
data-role<\/th>\n\t\tnone - Prevents auto-enhancement to use native control<\/td>\n\t<\/tr>\n\t
data-theme<\/th>\n\t\tswatch letter (a-z) - Added to the form element<\/td>\n\t<\/tr>\n<\/table>\n\n

Slider<\/a><\/h2>\n

Inputs with type="range"<\/code> are auto-enhanced, no data-role<\/code> required<\/p>\n\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t
data-highlight<\/th>\n\t\ttrue | false<\/strong> - Adds an active state fill on track to handle<\/td>\n\t<\/tr>\n\t
data-mini<\/th>\n\t\ttrue | false<\/strong> - Compact sized version<\/td>\n\t<\/tr>\n\t
data-role<\/th>\n\t\tnone - Prevents auto-enhancement to use native control<\/td>\n\t<\/tr>\n\t
data-theme<\/th>\n\t\tswatch letter (a-z) - Added to the form element<\/td>\n\t<\/tr>\n\t
data-track-theme<\/th>\n\t\tswatch letter (a-z) - Added to the form element<\/td>\n\t<\/tr>\n<\/table>\n

<\/p>\n\n

Textinput<\/a><\/h2>\n

Input type="text|number|search|etc."<\/code> or textarea<\/code> elements are auto-enhanced, no data-role<\/code> required<\/p>\n\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t
data-clear-btn<\/th>\n\t\ttrue | false<\/strong> - Adds a clear button<\/td>\n\t<\/tr>\n\t
data-clear-btn-text<\/th>\n\t\tstring - Text for the close button. Default: "clear text"<\/strong><\/td>\n\t<\/tr>\n\t
data-mini<\/th>\n\t\ttrue | false<\/strong> - Compact sized version<\/td>\n\t<\/tr>\n\t
data-role<\/th>\n\t\tnone - Prevents auto-enhancement to use native control<\/td>\n\t<\/tr>\n\t
data-theme<\/th>\n\t\tswatch letter (a-z) - Added to the form element<\/td>\n\t<\/tr>\n<\/table>\n

<\/p>\n\n

Toolbar<\/a><\/h2>\n

Container with data-role="header"<\/code> or data-role="footer"<\/code><\/p>\n\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t
data-add-back-btn<\/th>\n\t\ttrue | false<\/strong> - Auto add back button, header only<\/td>\n\t<\/tr>\n\t
data-back-btn-text<\/th>\n\t\tstring - Header only<\/td>\n\t<\/tr>\n\t
data-back-btn-theme<\/th>\n\t\tswatch letter (a-z) - Header only<\/td>\n\t<\/tr>\n\t
data-id<\/th>\n\t\tstring - Unique ID. Required for persistent footers<\/td>\n\t<\/tr>\n\t
data-position<\/th>\n\t\tfixed<\/td>\n\t<\/tr>\n\t
data-theme<\/th>\n\t\tswatch letter (a-z)<\/td>\n\t<\/tr>\n<\/table>\n

<\/p>\n\n

Fixed toolbar<\/a><\/h2>\n

Container with data-role="header"<\/code> or data-role="footer"<\/code> plus the attribute data-position="fixed"<\/code><\/p>\n\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t
data-disable-page-zoom<\/th>\n\t\ttrue<\/strong> | false - User-scaling-ability for pages with fixed toolbars<\/td>\n\t<\/tr>\n\t
data-fullscreen<\/th>\n\t\ttrue | false<\/strong> - Setting toolbars over<\/u> the page-content<\/td>\n\t<\/tr>\n\t
data-tap-toggle<\/th>\n\t\ttrue<\/strong> | false - Ability to toggle toolbar-visibility on user tap\/click<\/td>\n\t<\/tr>\n\t
data-transition<\/th>\n\t\tslide<\/strong> | fade | none - Transition used when showing\/hiding the toolbar<\/td>\n\t<\/tr>\n\t
data-update-page-padding<\/th>\n\t\ttrue<\/strong> | false - Have the page top and bottom padding updated on resize, transition, "updatelayout" events (the framework always updates the padding on the "pageshow" event).<\/td>\n\t<\/tr>\n\t
data-visible-on-page-show<\/th>\n\t\ttrue<\/strong> | false - Toolbar-visibility when parent page is shown<\/td>\n\t<\/tr>\n<\/table>","protected":false},"excerpt":{"rendered":"

A list of the data-attributes used by jQuery Mobile.<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"categories":[9],"tags":[],"class_list":["post-4","page","type-page","status-publish","hentry","category-reference"],"_links":{"self":[{"href":"https:\/\/api.jquerymobile.com\/1.4\/wp-json\/wp\/v2\/pages\/4","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/api.jquerymobile.com\/1.4\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/api.jquerymobile.com\/1.4\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/api.jquerymobile.com\/1.4\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/api.jquerymobile.com\/1.4\/wp-json\/wp\/v2\/comments?post=4"}],"version-history":[{"count":1,"href":"https:\/\/api.jquerymobile.com\/1.4\/wp-json\/wp\/v2\/pages\/4\/revisions"}],"predecessor-version":[{"id":5,"href":"https:\/\/api.jquerymobile.com\/1.4\/wp-json\/wp\/v2\/pages\/4\/revisions\/5"}],"wp:attachment":[{"href":"https:\/\/api.jquerymobile.com\/1.4\/wp-json\/wp\/v2\/media?parent=4"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/api.jquerymobile.com\/1.4\/wp-json\/wp\/v2\/categories?post=4"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/api.jquerymobile.com\/1.4\/wp-json\/wp\/v2\/tags?post=4"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}