Get the current computed inner width for the first element in the set of matched elements, including padding but not border. This method returns the width of the element, including left and right padding, in pixels. This method is not applicable to window and document objects; for these, use .width() instead. figure 1 The number returned by dimensions-related APIs, including .innerWidth(), may be fractional in some cases. Code should not assume it i

Adds toolbars to the top and/or bottom of the page. Toolbars Headers and footers are elements that precede resp. succeed the page content. The toolbar widget allows you to create headers and footers. Headers The header bar serves as the page title, is usually the first element inside each mobile page, and typically contains a page title and up to two buttons. Header structure The header is a toolbar at the top of the page that usually contains

Utility method for parsing a URL and its relative variants into an object that makes accessing the components of the URL easy. Utility method for parsing a URL and its relative variants into an object that makes accessing the components of the URL easy. When parsing relative variants, the resulting object will contain empty string values for missing components (like protocol, host, etc). Also, when parsing URLs that have no authority, such as t

Opens content in a popup. Popups To create a popup, add the data-role="popup" attribute to a div with the popup contents. Then create a link with the href set to the id of the popup div, and add the attribute data-rel="popup" to tell the framework to open the popup when the link is tapped. This is a similar markup pattern to the dialog widget. A popup div has to be nested inside the same page as the link. <a href="#popupBasic" data-rel="popu

Load an external page, enhance its content, and insert it into the DOM. Load an external page, enhance its content, and insert it into the DOM. This method is called internally by the changePage() function when its first argument is a URL. This function does not affect the current active page so it can be used to load pages in the background. The function returns a deferred promise object that gets resolved after the page has been enhanced and

Creates a listview widget Basic linked lists A listview is coded as a simple unordered list containing linked list items with a data-role="listview" attribute. jQuery Mobile will apply all the necessary styles to transform the list into a mobile-friendly listview with right arrow indicator that fills the full width of the browser window. When you tap on the list item, the framework will trigger a click on the first link inside the list item, is

Creates a responsive table in column toggle mode This table mode automatically hides less important columns at narrower widths and surfaces a button to open a menu that allows the user to choose what columns they want to see. In this mode, the author attempts to define which columns are most important to show across various widths by assigning a priority to each column. A user may choose to check as many columns as they want by tapping the "Col

Execute all handlers attached to an element for an event. .triggerHandler( eventType ) executes all handlers bound with jQuery for the event type. It will also execute any method called on{eventType}() found on the element. The behavior of this method is similar to .trigger(), with the following exceptions: The .triggerHandler( "event" ) method will not call .event() on the element it is triggered on. This means .triggerHandler( "submit" ) on a form w

Transfers the outline of an element to another element Very useful when trying to visualize interaction between two elements. The transfer element itself has the class ui-effects-transfer, and needs to be styled by you, for example by adding a background or border. transfer className String

Triggered on the "toPage" we are transitioning to, before the actual transition animation is kicked off. Note: The triggering of this event is deprecated as of jQuery Mobile 1.4.0. It will no longer be triggered in 1.6.0. The replacement for pagebeforeshow is the pagecontainer widget's pagecontainerbeforeshow event. In jQuery Mobile 1.4.0, the two events are identical except for their name and the fact that pagecontainerbeforeshow is triggered