我已经实现了一个JQuery listview并在此列表中启用了搜索:
<ul class="poi-list" id="poi-list" data-enhance="false" data-inset="true" data-filter="true" data-role="listview" data-filter-placeholder="Search" >
<li data-role=list-divider>
City One
</li>
<li data-filtertext="City One Entry1 Category" class="textRow">
<font style="white-space:normal; font-weight: bold; font-size: medium;"> Entry1
<br>
</font>
<font style="white-space:normal; font-size: small; font-weight: normal; color: #838787;"> Category </font>
</li>
<li data-role=list-divider>
City Two
</li>
<li data-filtertext="City Two Entry1 Category" class="textRow">
<font style="white-space:normal; font-weight: bold; font-size: medium;"> Entry1
<br>
</font>
<font style="white-space:normal; font-size: small; font-weight: normal; color: #838787;"> Category </font>
</li>
...
由于数据过滤器属性,输入字段由jquery自动提供:
<input placeholder="Search" data-type="search" class="ui-input-text ui-body-c">
不幸的是,移动设备(尤其是旧设备)的性能非常糟糕。列表中大约有300个条目,移动设备的键盘输入很难。
我想通过添加按钮来阻止这种明显的滞后,只有当用户选中此按钮时才开始搜索。 Atm搜索是即时的,这意味着每个键盘事件。
有没有办法实现这一目标或提高绩效?