0

JQuery リストビューを実装し、このリスト内の検索を有効にしました。

<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