jQuery Mobile Cheat Sheet
by DanielSchmitz via cheatography.com/524/cs/225/ Install
Buttons
Add this in tag:
Basic Button
Themes
Link Basic Page
button Icon Button Delete Grouped Buttons My Title
Basic List
li data-role="list-divider".../li Count Bubble liTitlespan class="ui-li-count"12/span/li
/div
With Icon
Linking Pages Link with Ajax a href=“page2.html” Link without Ajax (Other domain) a href=“…” rel=“external” Link without Ajax (Some domain) a href=“…” data-ajax=“false” Link multi page in same file a href=“#idPage”
img src="images/gf.png" alt="France" class="ui-li-i con" Text on right side p class="ui-li-aside"strong12:47/strongP M/p Text Formatting Use h3 and p inside li tag Search Bar ul data-role=“listview” data-filter=“true”/ Round Corner ul data-role=“listview” data-inset=“true”
Back Button a href=“#” data-rel=“back” Default Back Button div data-role=“header” data-add-back-btn="tru e"
Links jQm Page http://jquerymobile.com/
Link Phone Number a href=“tel :11112222” Dialog Link
Build Your Own Theme http://jquerymobile.com/themeroller/ Gallery
a href="..." data-rel="dialog" Prefetch Pages a href="..." data-prefetch="true" Cached Pages div data-role="page" data-dom-cache="true"
http://www.jqmgallery.com/ Resources http://jquerymobile.com/resources/ Documentation http://jquerymobile.com/demos/1.1.0-rc.1/
Tool Bars Header ToolBar Include links on div data-role=“header”/ Footer ToolBar Include links on div data-role=“footer”/ Back Button div data-role=“header” data-add-back-btn="true" … /div Fixed Toolbar Use position=fixed Special Fields Flip select name=“flip" id=“flip" data-role="slider“> Off On Slider
