Navigation Search

Submit

Accordion// accordions collapsible sets content formatting grouped inset mini
AJAX Navigation// ajax navigation navigate event method
Autocomplete// autocomplete filter reveal listviews remote listviewbeforefilter placeholder
Buttons// buttons inputs forms inline theme grouped icons mini disabled
Checkboxes// checkboxes checkboxradio inputs forms mini disabled
Collapsibles// collapsibles content formatting
Controlgroup// controlgroups selects checkboxradio buttons horizontal vertical
Dialogs// dialogs modal popups
Fixed toolbars// fixed toolbars headers footers sections fullscreen
Flip switch toggle// flip toggle switch binary slider selects forms disabled
Footer toolbar// footer toolbars footers sections
Form elements// forms inputs slider button range toggle switch label disabled accessible fieldcontains elements
Grids// grids columns blocks content formatting rwd responsive
Header toolbar// header toolbars fixed fullscreen sections
Icons// icons buttons disc position
Links// links navigation ajax prefetch cache
Listviews// listviews thumbnails icons nested split button collapsible ul ol
Loader overlay// ajax loader overlay spinner pages
Navbar// navbars navmenu toolbars links icons footer header
Navbar, persistent// navbars persistent header footer links navmenu
Pages// pages single multipage templates ajax nav
Panels New// panels sliding nav modal transition display reveal overlay push rwd responsive
Popup// popup dialog modal transition tooltip lightbox form overlay screen flip pop fade transition
Radio buttons// radiobuttons checkboxradio inputs forms disabled grouped
Select// selectmenus custom native multiple optgroup disabled forms
Slider, single// slider, single sliders range inputs forms disabled
Slider, dual range New// slider, dual range sliders rangesliders inputs forms disabled
Table, column toggle New// tables column th td toggle responsive tables rwd hide show tabular
Table, reflow New// tables reflow th td responsive rwd columns tabular
Text inputs & textarea// text inputs textarea numeric email tel file date time month clear pattern placeholder forms
Transitions// page transitions animated pages ajax navigation flip slide fade pop
Dynamic collapsible// dynamic collapsible set accordion append expand
Dynamic controlgroup// dynamic controlgroup buttons selects checkboxes forms
Grid Listview// grid listview responsive grids responsive listviews lists ul
Autodividers Linkbar// autodividers anchor jump scroll linkbars listviews lists ul
Autodividers Selector// listviews autodividers selector autodividersselector lists ul ol
Backbone and Require.js example// backbone and require.js example navigation router
Redirection with server-side support// server redirection with server-side support php
Panel styling// panel styling slide panels sliding panels shadow rwd responsive breakpoint
Open panel on swipe// open panel on swipe panels left right
Dynamic popup// dynamic popups popup images lightbox
Popup with arrow// arrow popups popover
Reflow: Custom styles// responsive tables reflow stack custom styles
Reflow: Heading groups// responsive tables reflow heading groups rwd breakpoint
Reflow: Refresh method// responsive tables reflow refresh method dynamically inject data
Column toggle: Customization options// responsive tables column toggle hide rwd breakpoint customization options
Column toggle: Heading groups// responsive tables column toggle heading groups rwd breakpoint
Column toggle: Refresh method// responsive tables column toggle refresh method dynamically inject data
Column toggle demo: Phone comparison// responsive tables table column toggle phone comparison rwd breakpoint
Tooltip extension// slider tooltip handle value extension input range sliders forms
Swipe to navigate// swipe to navigate page transitions navigation
Swipe to delete list item// swipe to delete list item listviews lists ul ol
Why won't my CSS styles apply correctly to a widget?// CSS styles apply widget scope wrap selector customize
Updating the value of enhanced form elements does not work.// form update value enhance pageinit refresh
My HTML 5 inputs look different across devices and browsers.// HTML 5 inputs appearance keyboard picker calendar date time slider file color
My range or search inputs are being change to number/text.// range search inputs slider number text degrade
Sometimes my custom select shows as a popup other times its a dialog.// custom select popup dialog logic
Disabling a button does not work.// disable button issue class method
Controls in my fixed header or footer are not responding or behave erratically.// fixed toolbar header footer fullscreen select input bug issue
Why aren't my scripts and styles loading?// head load scripts styles pageinit onload pagebeforecreate ajax nav pages
Why isn't DOM ready working for my scripts?// document.ready onload paginit DOM ready on ready scripts
How do I load a page?// ajax nav load page mobile.loadpage
Why is only the first page of my multi page document loaded?// ajax nav multi page document load
I'm trying to pass query params to a page but it's not working?// pass url query params ajax nav
I'm trying to pass information via the hash but it's not working?// hash pass parameters information ajax nav
I'm trying to use the application cache but it's not working.// application cache status error isLocal ajax nav
Content injected into a page is not enhanced.// >create refresh event trigger pageInit refresh method content injected page not enhanced.
Triggering create on injected HTML does not work.// >create trigger event pageInit injected HTML
How can I stop JQM from auto-enhancing an element?// auto-enhance element stop preventnative role none
How can I stop JQM from enhancing a block of elements?// auto-enhance block container parent stop preventnative role none
How do I control page titles?// page title ajax nav head
How do I load a page?// ajax nav load page loadPage
How do I use touch and mouse events?// touch mouse events vmouseover, vmousedown, vmousemove, vmouseup, vclick, vmousecancel
How does theming work?// theme swatch css themeroller customize icons colors fonts style
How do I need to configure PhoneGap/Cordova?// How do I need to configure PhoneGap Cordova?

Demo Showcase

This section explores how you can customize, extend, re-style and take full advantage of jQuery Mobile.

Collapsibles
Dynamic collapsible
Controlgroups
Dynamic controlgroup
Listviews
Grid Listview
Autodividers Linkbar
Autodividers Selector
Navigation
Backbone and Require.js example
Redirection with server-side support
Panels
Panel styling
Open panel on swipe
Popups
Dynamic popup
Popup with arrow
Responsive Tables
Reflow: Custom styles
Reflow: Heading groups
Reflow: Refresh method
Column toggle: Customization options
Column toggle: Heading groups
Column toggle: Refresh method
Column toggle demo: Phone comparison
Sliders
Tooltip extension
Swipe
Swipe to navigate
Swipe to delete list item

Version 1.3.1

Copyright 2013 The jQuery Foundation

loading