| Category | Sub Category |
First |
Topic | Example | Note | |
|---|---|---|---|---|---|---|
| Reference | ||||||
| Load | How to load the latest jQuery | During development | ||||
| Load | How to load the latest jQueryMobile | During development | ||||
| Load | Hello World in jQuery Mobile | Using the latest | ||||
| Why are the letters so small? | ||||||
| a | target | value | 35 | _blank | Example | |
| html | id | 3 pages, Page 2 of 3 | id="Page2" | |||
| html | a | a | Examples of External links | |||
| data | theme | value | 41 | a | data-theme="a" | |
| mobile | 52 | activeBtnClass | ||||
| mobile | 60 | activePage | ||||
| mobile | 52 | activePageClass | ||||
| mobileinit | cfJedi | addBackBtn | ||||
| mobile | 60 | addResolutionBreakpoints | ||||
| mobileinit | ajaxEnabled | $(document).bind("mobileinit", function(){ $.mobile.ajaxEnabled = false; }); |
||||
| mobile | 52 | ajaxFormsEabled | ||||
| mobile | 52 | ajaxLinksEnabled | ||||
| data | icon | alert | ||||
| data | icon | arrow-d | ||||
| data | icon | 91 | arrow-l | |||
| data | icon | arrow-r | ||||
| data | icon | arrow-u | ||||
| mobile | init | autoInitializePage | autoInitializePage = false; | |||
| data | theme | value | 41 | b | data-theme="b" | |
| data | rel | value | back | Example | data-rel="back" | |
| data | icon | back | ||||
| data | iconpos | bottom | ||||
| data | role | value | 65 | button | Example | data-role="button" |
| data | theme | value | 41 | c | data-theme="c" | |
| orientation | 59 | change | This might have been a typo | |||
| mobile | changePage | 36 | changePage | Example | $.mobile.changePage | |
| mobile | 60 | changePage | changePage(string) | |||
| mobile | 60 | changePage | changePage(object) | |||
| mobile | 60 | changePage | changePage(array) | |||
| mobile | 60 | changePage(,transition) | slide, slideup, slidedown, pop, flip, fade | |||
| mobile | 60 | changePage | changePage(,,boolean back) | |||
| mobile | 60 | changePage | changePage(,,,boolean change hash) | |||
| data | icon | check | ||||
| input | checkbox | 141 | checkbox | input type="checkbox" | ||
| JavaScript | dialog | value | 39 | close | Example | $('#myID').dialog('close'); |
| data | role | collapsible, nested | ||||
| data | role | 82 | Collapsible-set | |||
| data | role | content | ||||
| data | role | 97, 124 | controlgroup | data-role="controlgroup" | ||
| Event | create | Example | Dynamtically creates a button | |||
| data | theme | value | 41 | d | data-theme="d" | |
| data | add-back-btn | attribute | 185 | data-add-back-btn | ||
| data | ajax | attribute | 184 | data-ajax | true, false | |
| data | back | attribute | 36 | data-back | Example | <a data-back="true"> |
| data | back-btn | attribute | 90 | data-back-btn | true, false | true, false |
| data | back-btn-text | attribute | 185 | data-back-btn-text | Default: Back | |
| data | collapsed | attribute | 80 | data-collapsed | ||
| data | direction | attribute | 93 | data-direction | reverse | |
| data | divider-theme | attribute | 184 | data-divider-theme | a, b, c, d, e | |
| data | filter | attribute | 172 | data-filter | Example | true |
| data | filter-placeholder | attribute | 184 | data-filter-placeholder | ||
| data | fullscreen | attribute | 105 | data-fullscreen | true, false | |
| data | group-theme | attribute | 165 | data-group-theme | ||
| data | icon | attribute | 91 | data-icon | Example | alert, arrow-d, arrow-l, arrow-r, arrow-u, back, check, delete, forward, gear, grid, home, info, minus, plus, refresh, search, star |
| data | iconpos | attribute | 118 | data-iconpos | left, right, top, bottom, notext | |
| data | id | data-id="foot1" | Place on separate pages for transitioning | |||
| data | inline | Attribute | 122 | data-inline | Example | true, false |
| data | inset | attribute | 158 | data-inset | true. Use with data-role="listview" | |
| data | list-icon | attribute | 163 | data-list-icon | gear | |
| data | native-menu | attribute | 185 | data-native-menu | false | |
| data | placeholder | attribute | 146 | data-placeholder | Example | option data-placeholder="true" |
| data | position | attribute | 29 | data-position | fixed, inline, fullstream | |
| data | rel | attribute | 38 | data-rel | Example | back, dialog |
| data | role | attribute | 26 | data-role | Example | button, collapsible, collapsible-set, content, controlgroup, fieldcontain, footer, header, list-divider, listview, navbar, page, slider, none |
| data | split-icon | attribute | 161 | data-split-icon | gear | |
| data | split-theme | attribute | 184 | data-split-theme | a, b, c, d, e | |
| data | theme | attribute | 41 | data-theme | Example | a, b, c, d, e |
| data | theme | Attribute | 41 | data-theme | a,b,c,d,e | |
| data | transition | attribute | 38 | data-transition | Example | slide, slideup, slidedown, pop, fade, flip |
| data | transition | 36 | data-transition | <a data-transition="pop"> | ||
| data | type | attribute | 97 | data-type | Example | horizontal |
| data | url | attribute | 185 | data-url | ||
| mobile | 53 | defaultTransition | ||||
| mobile | defaultTransition | 36 | defaultTransition | $.mobile.defaultTransition="pop" | ||
| data | icon | delete | ||||
| data | rel | 39 | dialog | Example | dialog with a cancel button | |
| method | 39 | dialog | $('.ui-dialog').dialog ('close'); | |||
| disable | $('[type='submit']').button('disable'); | |||||
| data | theme | value | 41 | e | data-theme="e" | |
| enable | $('[type='submit']').button('enable'); | |||||
| a | rel | value | 34 | external | Example | <a href="myPage.cfm" rel="external"> |
| data | transition | 36 | fade | Example | <a data-transition="fade"> | |
| data | role | value | 133 | fieldcontain | Example | data-role="fieldcontain" |
| data | position | fixed | data-position="fixed" header or footer |
|||
| data | transition | 36 | flip | Example | <a data-transition="flip"> | |
| data | role | footer | ||||
| data | icon | forward | ||||
| data | icon | gear | ||||
| mobile | 53 | gradeA | ||||
| data | icon | grid | ||||
| JavaScript | location | 37 | hash | location.hash is changed by anchor tags | ||
| mobile | 53 | hashListeningEnabled | ||||
| data | role | value | 40 | header | Example | |
| data | icon | home | ||||
| data | type | 97, 124 | horizontal | data-type="horizontal" | ||
| html | li img | img | <li><img> | |||
| html | class | value | 37 | in | Example | This class identifies the page coming in |
| data | icon | info | ||||
| mobile | init | initializePage | $.mobile.initializePage | |||
| data | inset | 158 | inset | data-inset="true" | ||
| data | jqm | jqmData | Example | Works with namespaces | ||
| data | jqm | jqmHasData | ||||
| data | jqm | jqmRemoveData | ||||
| mobile | page | keepNative | ||||
| class | 59 | landscape | .landscape {} | |||
| data | role | value | 164 | list-divider | data-role="list-divider" | |
| data | role | value | 152 | listview | Example | data-role="listview" |
| mobile | 53 | loadingMessage | ||||
| class | 60 | max-width-320px | .max-width-320px | |||
| class | 60 | max-width-480px | ||||
| class | 60 | max-width-768px | ||||
| class | 60 | max-width-1024px | ||||
| support | 53 | mediaquery | Any support conditions that must be met | |||
| mobile | 53 | metaViewportContent | ||||
| class | 60 | min-width-320px | .min-width-320px {} | |||
| class | 60 | min-width-480px | ||||
| class | 60 | min-width-768px | ||||
| class | 60 | min-width-1024px | ||||
| data | icon | minus | ||||
| jQuery | bind | 51 | mobileinit | $(document).bind('mobileinit',function() {}); | ||
| select | multiple | 148 | multiple | multiple="true" | ||
| ui | icon | myIcon | data-icon="myIcon" becomes: class="ui-icon-myIcon" |
|||
| data | role | navbar | ||||
| navigator, navigator.userAgent | ||||||
| 57 | nextPage | ui.nextPage | ||||
| data | role | value | 131 | none | data-role="none" | |
| mobile | 53 | nonHistorySelectors | ||||
| data | iconpos | value | 119 | notext | Example | |
| mobile | 53 | ns | ||||
| html | ol | ol | ||||
| select | optgroup | 147 | optgroup | optgroup label="my group" | ||
| 58 | orientation | |||||
| 58 | orientationchange | |||||
| html | class | value | 37 | out | Example | Assigned during page transition |
| data | role | 29 | page | Example | data-role="page" id="myPage1" | |
| 58 | pagebeforecreate | |||||
| 57 | pagebeforehide | |||||
| 57 | pagebeforeshow | |||||
| 58 | pagecreate | |||||
| Event | 57 | pagehide | ||||
| mobile | 53 | pageLoadErrorMessage | ||||
| mobile | 62 | pageLoading | $.mobile.pageLoading(true); -- hide message | |||
| Event | 57 | pageshow | ||||
| data | icon | plus | ||||
| data | transition | 36 | pop | Example | <a data-transition="pop"> | |
| class | 59 | portrait | .portrait {} | |||
| Property | 57 | prevPage | ui.prevPage | |||
| input | radio | 139 | radio | input type="radio" | ||
| input | range | range | input type="range" | |||
| data | icon | refresh | ||||
| refresh | Example | $('[type='submit']').button('refresh'); | ||||
| rel | attribute | 34 | rel | |||
| data | direction | reverse | data-direction="reverse" Does a reverse transition without going back |
|||
| data | iconpos | right | ||||
| Event | 56 | scrollstart | ||||
| Event | 56 | scrollstop | ||||
| data | icon | search | ||||
| select | 145 | select | select id="" | |||
| mobile | 62 | silentScroll | $.mobile.silentScroll(100); without triggering scroll event |
|||
| data | transition | 36 | slide | Example | <a data-transition="slide"> | |
| data | role | 137 | slider | |||
| data | transition | 36 | slideup | Example | <a data-transition="slideup"> | |
| html | class | value | 37 | slideup | Example | Assigned during page transition |
| data | transition | 36 | slidedown | Example | <a data-transition="slidedown"> | |
| data | icon | star | ||||
| mobile | 53 | subPageUrlKey | ||||
| jQuery | 53 | support | ||||
| Event | 55 | swipe | ||||
| Event | 55 | swipeleft | ||||
| Event | 55 | swiperight | ||||
| Event | 55 | tap | ||||
| Event | 55 | taphold | ||||
| data | title | title | data-title="my title" | |||
| data | iconpos | top | ||||
| ui | class | ui-bar | ||||
| ui | class | ui-bar-b | ||||
| ui | ui-block-a | 1st cell | ||||
| ui | ui-block-b | 2nd cell | ||||
| ui | ui-block-c | 3rd cell | ||||
| ui | ui-block-d | 4th cell | ||||
| ui | ui-block-e | 5th cell (number keypad) | ||||
| ui | class | 100 | ui-btn-active | |||
| ui | class | ui-btn-corner-all | ||||
| ui | class | ui-btn-hidden | ||||
| ui | class | ui-btn-inner | ||||
| ui | class | ui-btn-left | ||||
| ui | class | ui-btn-right | ||||
| ui | class | ui-btn-up-c | ||||
| ui | class | value | 37 | ui-dialog | Example | $('.ui-dialog').dialog ('close'); Maybe set a timer to close the dialog after 3 seconds |
| ui | ui-grid-a | 2 column grid | ||||
| ui | ui-grid-b | 3 column grid | ||||
| ui | ui-grid-c | 4 column grid | ||||
| ui | ui-grid-d | 5 column grid | ||||
| ui | class | 169 | ui-li-aside | class="ui-li-aside" | ||
| ui | class | ui-li-count | class="ui-li-count" | |||
| ui | class | 167 | ui-li-icon | class="ui-li-icon" | ||
| html | class | value | 37 | ui-page-active | Example | This class identifies the currently active page |
| ui | class | ui-shadow | ||||
| ui | class | ui-state-persist | Use with data-id="thefooternav" | |||