jQuery Mobile Framework

Navigation  Search 
clear text 
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.

clear text 
  • 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.2

Copyright 2013 The jQuery Foundation

  • jQuery Mobile Demos
  • Home
  • Introduction
  • Demo Showcase
  • Questions & Answers
  • Going Responsive
  • Widget reference
  • Accordion
  • AJAX Navigation
  • Autocomplete
  • Buttons
  • Checkboxes
  • Collapsibles
  • Controlgroup
  • Dialogs
  • Fixed toolbars
  • Flip switch toggle
  • Footer toolbar
  • Form elements
  • Grids
  • Header toolbar
  • Icons
  • Links
  • Listviews
  • Loader overlay
  • Navbar
  • Navbar, persistent
  • Pages
  • Panels New
  • Popup
  • Radio buttons
  • Select
  • Slider, single
  • Slider, dual range New
  • Table, column toggle New
  • Table, reflow New
  • Text inputs & textarea
  • Transitions

loading