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

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

Insert content, specified by the parameter, to the end of each element in the set of matched elements. The .append() method inserts the specified content as the last child of each element in the jQuery collection (To insert it as the first child, use .prepend()). The .append() and .appendTo() methods perform the same task. The major difference is in the syntax-specifically, in the placement of the content and target. With .append(), the selector expr

End the most recent filtering operation in the current chain and return the set of matched elements to its previous state. Most of jQuery's DOM traversal methods operate on a jQuery object instance and produce a new one, matching a different set of DOM elements. When this happens, it is as if the new set of elements is pushed onto a stack that is maintained inside the object. Each successive filtering method pushes a new element set onto the stack. If

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

Bind an event handler to the "load" JavaScript event. This method is a shortcut for .on( "load", handler ). The load event is sent to an element when it and all sub-elements have been completely loaded. This event can be sent to any element associated with a URL: images, scripts, frames, iframes, and the window object. For example, consider a page with a simple image: <img src="book.png" alt="Book" id="book"> The event handler can be bound to th

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

Display the matched elements by fading them to opaque. The .fadeIn() method animates the opacity of the matched elements. It is similar to the .fadeTo() method but that method does not unhide the element and can specify the final opacity level. Durations are given in milliseconds; higher values indicate slower animations, not faster ones. The strings 'fast' and 'slow' can be supplied to indicate durations of 200 and 600 milliseconds, respectively. If