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.

For example:


  ...Content for First Page...




  ...Content for Second Page...

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:

...

Or watch on YouTube

Creating Virtual Pages with jQuery Mobile was originally found on Access 2 Learn

Assistant Professor

Walter Wimberly is an Assistant Professor at a regional college in Tennessee, teaching Computer Science in the Software Engineering track. He works as a student advisor, oversees curriculum changes, develops new courses, and manages the advisory panel.
Walter taught full time for about 7 years, before going back into “industry” as a full stack Software Developer for a dozen years. There he focused on web based projects coding in JavaScript/jQuery and utilizing the Bootstrap CSS Framework on the front-end, and coding in PHP, ASP/ASP.Net, SQL on the back-end.

Since he loves teaching, he taught as an adjunct web and digital media classes for eight (8) years, while working in industry, and has since returned to teaching full time.

He has been married for over 25 years, and is father to several special needs boys. As such, he is working on some projects to help others who have special needs to be self-sufficient, and support the care givers of those with special needs. Check out his Autism blog for more info.

Similar Posts

jQuery and AJAX Calls

ByWalter Wimberly

HTML had an issue years ago. If you wanted to update part of a page, you had to reload everything. Think about things like Twitter/X, Instagram, etc. Imagine having to reload everything instead of just a part of your feed? It would slow your experience down, and cost a lot of money in transmission costs….