In jquery mobile, you deal with data-roles a lot. Is there a list of all data-roles in jquery-mobile? I think I would find that helpful.
A page in jQuery Mobile consists of an element with a data-role="page" attribute. Within the "page" container, any valid HTML markup can be used, but for typical pages in jQuery Mobile, the immediate children of a "page" are divs with data-role="header" , class="ui-content" , and data-role="footer" .
A list view is coded as a simple unordered list containing linked list items with a data-role="listview" attribute. jQuery Mobile will apply all the necessary styles to transform the list into a mobile-friendly list view with right arrow indicator that fills the full width of the browser window.
A listview can be configured to automatically generate dividers for its items by adding a data-autodividers="true" attribute to any listview. By default, the text used to create dividers is the uppercased first letter of the item's text.
After the 1.0 release there is now an official reference page for data attributes (including roles).
This is the best list I can find.
source: http://api.jquerymobile.com/data-attribute/
data-add-back-btn data-ajax data-back data-back-btn-text data-collapsed data-count-theme data-direction data-divider-theme data-dividertheme data-filter data-filter-theme data-fullscreen data-grid data-icon data-iconpos data-id data-inline data-inset data-mynamespace-foo data-native data-native-menu data-placeholder data-position data-rel data-role data-split-icon data-split-theme data-theme data-track-theme data-transition data-type data-url
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With