Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

exhaustive list of jquery mobile data-roles?

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.

like image 563
Joe Avatar asked Oct 07 '11 22:10

Joe


People also ask

What is the main data role in jQuery Mobile?

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" .

Which data role defines navigation lists in jQuery Mobile pages?

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.

Which attribute can specify a divider between list items?

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.


2 Answers

After the 1.0 release there is now an official reference page for data attributes (including roles).

like image 198
Jannie Theunissen Avatar answered Sep 21 '22 06:09

Jannie Theunissen


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  
like image 34
Jason Dean Avatar answered Sep 20 '22 06:09

Jason Dean