Category Sub
Category
 

First
Look

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"