Page & Widgets API Reference
jQuery Mobile APIs — page navigation/transition system and touch-optimized widgets (listview, navbar, popup).
Page
The jQuery Mobile page model: data-role='page' containers, programmatic page changes, and transitions.
$.mobile.changePage(to, options?)Programmatically transitions from the current page to another page or URL.
Returns: Promise
data-role="page"Attribute that marks a container as a single page in the mobile app. Pages are shown one at a time.
Returns: markup
data-transition="slide|fade|pop|flip"Attribute on links or buttons that sets the page transition animation.
Returns: markup
$.mobile.navigate(url, data?)Programmatically navigates to a URL while integrating with the hashchange history state.
Returns: void
Widgets
Touch-optimized jQuery Mobile widgets: listview, navbar, and popup.
$(el).listview(options?)Enhances a ul/ol into a styled mobile listview. Supports inset, split, and filter options.
Returns: jQuery
$(el).navbar()Enhances a ul of links into a jQuery Mobile navbar (up to 5 items evenly spaced).
Returns: jQuery
$(el).popup(options?)Wraps content in a popup that overlays the page. Open with popup('open').
Returns: jQuery
instance('open' | 'close', ...args)Programmatically opens or closes a widget (popup, dialog) by calling the method on the element.
Returns: jQuery