我正在努力完成这项任务。
我有两列网格
<div class="ui-grid-a">
<div class="ui-block-a" style="width:35%">
<div data-role="controlgroup" data-type="horizontal">
<a href="#" data-role="button">A</a>
<a href="#" data-role="button">B</a>
<a href="#" data-role="button">C</a>
<a href="#" data-role="button">D</a>
<a href="#" data-role="button">E</a>
<a href="#" data-role="button">F</a>
</div>
<div data-role="controlgroup" data-type="horizontal">
<a href="#" data-role="button">G</a>
<a href="#" data-role="button">H</a>
<a href="#" data-role="button">I</a>
<a href="#" data-role="button">J</a>
<a href="#" data-role="button">K</a>
<a href="#" data-role="button">L</a>
</div>
<div data-role="controlgroup" data-type="horizontal">
<a href="#" data-role="button">M</a>
<a href="#" data-role="button">N</a>
<a href="#" data-role="button">Ñ</a>
<a href="#" data-role="button">O</a>
<a href="#" data-role="button">P</a>
<a href="#" data-role="button">Q</a>
</div>
<div data-role="controlgroup" data-type="horizontal">
<a href="#" data-role="button">R</a>
<a href="#" data-role="button">S</a>
<a href="#" data-role="button">T</a>
<a href="#" data-role="button">U</a>
<a href="#" data-role="button">V</a>
<a href="#" data-role="button">W</a>
</div>
<div data-role="controlgroup" data-type="horizontal">
<a href="#" data-role="button">X</a>
<a href="#" data-role="button">Y</a>
<a href="#" data-role="button">Z</a>
<a href="#" data-role="button" onclick="buscar();">BUSCAR</a>
</div>
</div>
<div class="ui-block-b" style="width:65%; top:0; position:relative;">
<ul id ="milista" data-role="listview" data-filter="true" style="left:1em; width:95%; ">
<li><a href="index.html">Acura</a></li>
<li><a href="index.html">Audi</a></li>
<li><a href="index.html">BMW</a></li>
<li><a href="index.html">Cadillac</a></li>
<li><a href="index.html">Chrysler</a></li>
<li><a href="index.html">Dodge</a></li>
<li><a href="index.html">Ferrari</a></li>
<li><a href="index.html">Ford</a></li>
<li><a href="index.html">GMC</a></li>
<li><a href="index.html">Honda</a></li>
<li><a href="index.html">Hyundai</a></li>
<li><a href="index.html">Infiniti</a></li>
<li><a href="index.html">Jeep</a></li>
<li><a href="index.html">Kia</a></li>
<li><a href="index.html">Lexus</a></li>
<li><a href="index.html">Mini</a></li>
<li><a href="index.html">Nissan</a></li>
<li><a href="index.html">Porsche</a></li>
<li><a href="index.html">Subaru</a></li>
<li><a href="index.html">Toyota</a></li>
<li><a href="index.html">Volkswagon</a></li>
<li><a href="index.html">Volvo</a></li>
</ul>
</div>
</div>
就像在http://jsfiddle.net/jupagose/sugfP/上的节目一样,我想在用户类型位于左侧面板上时以编程方式过滤列表视图。我不想强迫用户加载操作系统键盘。
用jquery可以吗?