O'Reilly logo

jQuery Mobile Web Development Essentials Second Edition by Andy Matthews, Raymond Camden

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

Working with footers

Footers are going to be, for the most part, much like headers. We've previously demonstrated the use of the data-role to create a footer:

<div data-role="footer"><h4>My Footer</h4></div>

As with the headers, you can include buttons in the footer. Unlike the headers, the buttons in a footer do not automatically position themselves to the left and right of the text. Rather, they simply line up from the left-hand side. The following is a simple example with two buttons:

<div data-role="footer">
  <a href="credits.html">Credits</a>
  <a href="contact.html">Contact</a>
</div>

The following screenshot demonstrates this feature:

Working with footers

This works, ...

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