Adding a second page

In this task we'll add the page that the About hyperlink we added to the footer container of the welcome page links to. This allows us to experience jQuery Mobile transitions in action, configured purely via the data- attributes system.

Note

For more information, see the jQuery Mobile data-attributes reference at http://jquerymobile.com/demos/1.2.0/docs/api/data-attributes.html.

Prepare for Lift Off

Save a new copy of the jQuery Mobile page template that we used in the last task but this time call it bounty-hunter-about.html and save it in the main project directory (alongside the bounty-hunter.html page).

We also still need to link to our bounty-hunter.css file, our bounty-hunter.js file, and JsRender as we did before.

Note

For more information on JsRender, see the documentation at https://github.com/BorisMoore/jsrender.

Engage Thrusters

In our new bounty-hunter-about.html page, change the markup inside the <div> with a data-role="page" to the following:

<div data-role...