O'Reilly logo

jQuery Mobile Web Development Essentials 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

Chapter 4. Working with Lists

Lists are a great way to provide menus to users on a mobile website. jQuery Mobile provides a wealth of list options, from simple lists to lists with custom thumbnails and multiple user actions.

In this chapter, we will:

  • Talk about how to create lists
  • How to create linked and sub-menu style lists
  • How to create different styles of lists

Creating lists

As you've (hopefully!) come to learn jQuery Mobile takes an approach of enhancement when it comes to UI. You take ordinary, simple HTML, add a bit of markup (sometimes!), and jQuery Mobile will do the heavy lifting of enhancing the UI. The same process applies to lists. We've all worked with simple lists in HTML before, the following code snippet is an example:

 <ul> <li>Raymond ...

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