2012-02-28 134 views
2

我有一個簡單的搜索列表。jQuery Mobile與搜索列表

<ul data-role="listview" data-inset="false" data-filter="true" data-iconpos="right"> 

我的問題是,它加載罰款,並赫然過濾器在我的電腦上,但我的移動設備上它使野生動物園落後實在太差了(鎖定鍵盤,可怕的慢搜索)。我有一個iPhone 4(iOS 5)。

該列表非常龐大(5,000或6,000)li標籤。

有誰知道解決此問題的好方法?

回答

1

這僅僅會是一個1-GHz處理器太多的DOM元素...

你需要實現分頁或重新考慮你的數據輸出到移動設備上很好地工作。請記住,即使是非常好的移動設備也具有八年前臺式電腦的硬件。

既然你有這麼多的列表項目,那麼做一個後端搜索來解決問題呢?例如,當用戶鍵入搜索詞時,將該詞發送到服務器端腳本,然後可以返回匹配的元素列表,然後您可以使用jQuery Mobile搜索篩選器小部件進一步篩選列表。

+0

謝謝。我正在考慮這樣的事情,但希望我能忽略簡單的事情。 – Kyle 2012-02-28 23:00:49

+0

@Kyle我之前有過這個問題,我實現了一個服務器端增強的解決方案,我只使用了jQuery Mobile搜索過濾器,但是我的搜索範圍不到一定數量(我想我使用了50)。它提供了一個很好的用戶體驗...... – Jasper 2012-02-28 23:14:24

+0

在這一點上必須與jasper一致 - 我真的會考慮設置一個分頁機制。這只是一個瘋狂的JQM渲染標記。就我個人而言,我感覺應該在25個列表項之後進行分頁,然後 - 如果可能的話,預取下25個結果 - 因此至少下一頁準備在初始列表之後訪問。 – imaginethepoet 2012-02-29 02:19:11