Listview with hidden items in jquery mobile

Asked

Viewed 53 times

2

1 answer

1

As follows in the jquery mobile documentation , just add data-filter-reveal="true" , thus:

<ul data-role="listview" data-filter="true" data-filter-reveal="true" data-filter-placeholder="Search fruits..." data-inset="true">
  <li><a href="#">Apple</a></li>
  <li><a href="#">Banana</a></li>
  <li><a href="#">Cherry</a></li>
  <li><a href="#">Cranberry</a></li>
  <li><a href="#">Grape</a></li>
  <li><a href="#">Orange</a></li>

Functional example in Jsfiddle here

Browser other questions tagged

You are not signed in. Login or sign up in order to post.