O'Reilly logo

jQuery Mobile: Develop and Design by Kris Hadlock

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

9. Search Filtering

Basic search functionality is a common offering on websites these days, but it can be time-consuming to develop. Add to that a search that offers suggestions as the user types, and the development time can double at least. Search suggestions are becoming the norm and people often expect them. Luckily, jQuery Mobile offers a solution: search filtering.

Search filtering is an add-on to the basic listview. Adding search filtering is as simple as applying a data-filter attribute to an unordered or ordered listview. This feature provides great usability improvements for long lists.

Creating a Search Filter Bar

As mentioned, the jQuery Mobile framework makes adding a search filter bar to a list incredibly easy: Just add the data-filter ...

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