我正在制作一个 jQM 和 PhoneGap 应用程序，并且我有一个带有列表视图和搜索的主页：
<div data-role="page" id="penalties">
<header data-role="header">
<h1>driver.io</h1>
</header>
<article data-role="content">
<ul data-role="listview" data-filter="true" data-filter-placeholder="Pretraga">
<li>
<a href="#alkohol" data-transition="none">
<h1>Alkohol</h1>
<img src="icons/alcohol.png" alt="Alkohol" />
<p><span class="ui-li-count">6</span></p>
<p class="ui-li-desc">Ne pijem kad vozim</p>
</a>
</li>
<li>
<a href="#psihoaktiv" data-transition="none">
<h1>Psihoaktivne supstance</h1>
<img src="icons/drugs.png" alt="Psihoaktivne supstance" />
<p><span class="ui-li-count">2</span></p>
<p class="ui-li-desc">Droga(ne)</p>
</a>
</li>
以此类推，直到李的去向。
现在，单击每个列表项会打开一个带有另一个列表视图的新页面：
<div data-role="page" id="alkohol">
<header data-role="header">
<h1>Kazne za alkohol</h1>
<a href="#penalties" data-transition="none" data-direction="reverse" data-icon="home" data-iconpos="notext" data-sort="true">Prekršaji</a>
</header>
<article data-role="content" >
<ul data-role="listview" data-filter="true" data-filter-placeholder="Prekršaji vezani za alkohol" data-inset="true">
<li><a href="#alc_one" data-rel="dialog" data-transition="none">Prevoz lica koje je pod uticajem alkohola na mopedu, motociklu, triciklu</a></li>
<li><a href="#alc_two" data-rel="dialog" data-transition="none">Vožnja sa 0,31 do 0,5 promila alkohola u krvi - umerena alkoholisanost</a></li>
我正在寻找一种方法来通过第一页上的数据过滤器搜索子页面上的所有这些列表项，并将它们显示给用户。
我做了很多搜索，但最终没有找到一个好的解决方案。