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?

Questions & Answers

We've collected common questions and solutions to help get you up to speed and solve tricky issues when working with jQuery Mobile.

Forms
Why won't my CSS styles apply correctly to a widget?
Updating the value of enhanced form elements does not work.
My HTML 5 inputs look different across devices and browsers.
My range or search inputs are being change to number/text.
Sometimes my custom select shows as a popup other times its a dialog.
Disabling a button does not work.
Controls in my fixed header or footer are not responding or behave erratically.
Pages
Why aren't my scripts and styles loading?
Why isn't DOM ready working for my scripts?
How do I load a page?
Why is only the first page of my multi page document loaded?
I'm trying to pass query params to a page but it's not working?
I'm trying to pass information via the hash but it's not working?
I'm trying to use the application cache but it's not working.
Content injected into a page is not enhanced.
Triggering create on injected HTML does not work.
How can I stop JQM from auto-enhancing an element?
How can I stop JQM from enhancing a block of elements?
How do I control page titles?
How do I load a page?
Events
How do I use touch and mouse events?
Theme and styling
How does theming work?
Apps
How do I need to configure PhoneGap/Cordova?

Version 1.3.1

Copyright 2013 The jQuery Foundation

loading