jQuery Mobile: Filters Cheat Sheet

Filterable Elements

Search for elements in a list

<form class="ui-filterable">
  <input id="myFilter" data-type="search">
</form>

<ul data-role="listview" data-filter="true" data-input="#myFilter">
  <li><a href="#">Taylor</a></li>
  <li><a href="#">John</a></li>
  <li><a href="#">Kim</a></li>
</ul>

Custom Filter

<li data-filtertext="fav"><a href="#">Taylor</a></li>

Leave a Reply

Your email address will not be published. Required fields are marked *