Introduction
A Page is the basic jQuery Mobile object written within a <div data-role="page">
container that gets displayed on the screen. It can contain the header, the page content, and the footer. You can embed various HTML5 controls and widgets within a page. The jQuery Mobile framework automatically enhances and displays all these controls, making them tap-friendly (finger-friendly). Your application can have a series of individual HTML files each representing a single page, or it can have one single HTML file containing multiple page div
containers within it. You can provide links to open other pages within a page, and when the user clicks on a link, the new page opens using Ajax with CSS3 animation. The current page is then hidden from view.
A Dialog
is a page having the data-role="dialog"
attribute. You can also load a page as a dialog by adding the data-rel="dialog"
attribute to the page link. The dialog is styled differently from a page, and it appears in the middle of the...