lists-search-with-dividers.html 4.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8" />
  5. <title>jQuery Mobile Docs - Filtered Lists with Dividers</title>
  6. <link rel="stylesheet" href="../../jquery.mobile-1.0.1.min.css" />
  7. <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
  8. <script src="../../jquery.js"></script>
  9. <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
  10. <script src="../_assets/js/jqm-docs.js"></script>
  11. <script src="../../jquery.mobile-1.0.1.min.js"></script>
  12. </head>
  13. <body>
  14. <div data-role="page" class="type-interior">
  15. <div data-role="header" data-theme="f">
  16. <h1>List dividers</h1>
  17. <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
  18. </div><!-- /header -->
  19. <div data-role="content">
  20. <div class="content-primary">
  21. <ul data-role="listview" data-filter="true" data-filter-placeholder="Search people..." data-filter-theme="b">
  22. <li data-role="list-divider">A</li>
  23. <li><a href="index.html">Adam Kinkaid</a></li>
  24. <li><a href="index.html">Alex Wickerham</a></li>
  25. <li><a href="index.html">Avery Johnson</a></li>
  26. <li data-role="list-divider">B</li>
  27. <li><a href="index.html">Bob Cabot</a></li>
  28. <li data-role="list-divider">C</li>
  29. <li><a href="index.html">Caleb Booth</a></li>
  30. <li><a href="index.html">Christopher Adams</a></li>
  31. <li><a href="index.html">Culver James</a></li>
  32. <li data-role="list-divider">D</li>
  33. <li><a href="index.html">David Walsh</a></li>
  34. <li><a href="index.html">Drake Alfred</a></li>
  35. <li data-role="list-divider">E</li>
  36. <li><a href="index.html">Elizabeth Bacon</a></li>
  37. <li><a href="index.html">Emery Parker</a></li>
  38. <li><a href="index.html">Enid Voldon</a></li>
  39. <li data-role="list-divider">F</li>
  40. <li><a href="index.html">Francis Wall</a></li>
  41. <li data-role="list-divider">G</li>
  42. <li><a href="index.html">Graham Smith</a></li>
  43. <li><a href="index.html">Greta Peete</a></li>
  44. <li data-role="list-divider">H</li>
  45. <li><a href="index.html">Harvey Walls</a></li>
  46. <li data-role="list-divider">M</li>
  47. <li><a href="index.html">Mike Farnsworth</a></li>
  48. <li><a href="index.html">Murray Vanderbuilt</a></li>
  49. <li data-role="list-divider">N</li>
  50. <li><a href="index.html">Nathan Williams</a></li>
  51. <li data-role="list-divider">P</li>
  52. <li><a href="index.html">Paul Baker</a></li>
  53. <li><a href="index.html">Pete Mason</a></li>
  54. <li data-role="list-divider">R</li>
  55. <li><a href="index.html">Rod Tarker</a></li>
  56. <li data-role="list-divider">S</li>
  57. <li><a href="index.html">Sawyer Wakefield</a></li>
  58. </ul>
  59. </div><!--/content-primary -->
  60. <div class="content-secondary">
  61. <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
  62. <h3>More in this section</h3>
  63. <ul data-role="listview" data-theme="c" data-dividertheme="d">
  64. <li data-role="list-divider">List views</li>
  65. <li><a href="docs-lists.html">List markup conventions</a></li>
  66. <li><a href="lists-ul.html">Basic linked list</a></li>
  67. <li><a href="lists-nested.html">Nested list</a></li>
  68. <li><a href="lists-ol.html">Numbered list</a></li>
  69. <li><a href="lists-split.html">Split button list</a></li>
  70. <li><a href="lists-divider.html">List dividers</a></li>
  71. <li><a href="lists-count.html">Count bubble</a></li>
  72. <li><a href="lists-thumbnails.html">Thumbnails</a></li>
  73. <li><a href="lists-icons.html">Icons</a></li>
  74. <li><a href="lists-formatting.html">Content formatting</a></li>
  75. <li><a href="lists-search.html">Search filter bar</a></li>
  76. <li><a href="lists-search-inset.html">Inset search filter bar</a></li>
  77. <li data-theme="a"><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
  78. <li><a href="lists-search-filtertext.html">Search filter hidden data</a></li>
  79. <li><a href="lists-readonly.html">Read-only lists</a></li>
  80. <li><a href="lists-readonly-inset.html">Read-only inset lists</a></li>
  81. <li><a href="lists-forms.html">Lists with forms</a></li>
  82. <li><a href="lists-forms-inset.html">Inset lists with forms</a></li>
  83. <li><a href="lists-inset.html">Inset styled lists</a></li>
  84. <li><a href="lists-performance.html">List performance test</a></li>
  85. <li><a href="lists-themes.html">Theming lists</a></li>
  86. </ul>
  87. </div>
  88. </div>
  89. </div><!-- /content -->
  90. <div data-role="footer" class="footer-docs" data-theme="c">
  91. <p>&copy; 2011-2012 The jQuery Project</p>
  92. </div>
  93. </div><!-- /page -->
  94. </body>
  95. </html>