JQuery Search / Filter listview bad性能 - 手动触发搜索

时间:2013-05-16 08:31:51

标签: jquery performance listview jquery-mobile

我已经实现了一个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搜索是即时的,这意味着每个键盘事件。

有没有办法实现这一目标或提高绩效?

0 个答案:

没有答案