O'Reilly logo

Pro jQuery Mobile by Brad Broulik

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

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, ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required