jQuery Mobile Page Template

A jQuery Mobile page template is shown in Listing 2–1. Before we continue any further, let's get up and running. Copy the HTML template (ch2/template.html), paste it on your desktop and launch it from your favorite browser. You are now running a jQuery Mobile app that should look identical to Figure 2–1 regardless of what browser you are using! The template is semantic HTML5 and contains the jQuery Mobile specific attributes and asset files (CSS, js). Each specific jQuery Mobile asset and attribute is highlighted and explained in Listing 2–1.

Listing 2–1. jQuery Mobile Page Template (ch2/template.html)

<!DOCTYPE html> <html> <head>     <meta charset="utf-8">     <title>Title</title>     <meta name="viewport" content="width=device-width, ...

Get Pro jQuery Mobile now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.