jQuery Mobile is “interesting” in that you can have one or more pages on a single physical page. This has some advantages as it can make it so you don’t have to download a bunch of different files.
Additionally, this will make it so you don’t have to have the user constantly check to download the additional resources. One slightly longer initial load, for a much quicker experience on all of the other pages.
jQuery Mobile uses the data-role attribute to define the role of different elements. The page value is used to define that role in the process of a containing div.
<div id="page1" data-role="page"> ...Content for First Page... </div> <div id="page2" data-role="page"> ...Content for Second Page... </div>
In such a case, the divs are navigated by using internal navigation on the nav. By default, if an internal link is not used, it will display the first “page” that is listed within the HTML.
If you want to change the title of your page, you will want to use the data-title attribute. For example:
<div id="page1" data-role="page" data-title="My Page Title">...</div>