0

我已经实现了一个 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>
...

由于 data-filter 属性，输入字段由 jquery 自动提供：

<input placeholder="Search" data-type="search" class="ui-input-text ui-body-c">

不幸的是，移动设备（尤其是旧设备）的性能非常糟糕。列表中大约有 300 个条目，移动设备的键盘输入非常滞后。

我想通过添加一个按钮来防止这种明显的滞后，并且仅在用户点击此按钮时才开始搜索。Atm 搜索是即时的，这意味着在每个键盘事件上。

有没有办法实现这一点或提高性能？

4

0 回答 0