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

Get jQuery Mobile: Develop and Design now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.