带搜索的jQuery Mobile List

时间:2012-02-28 22:08:43

标签: jquery ajax jquery-mobile

我有一个简单的搜索列表。

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

我的问题是它加载得很好并且在我的计算机上过滤得非常棒,但是在我的移动设备上它使得safari滞后非常严重(锁定键盘,可怕的慢速搜索)。我有一部iPhone 4(iOS 5)。

该列表非常庞大(5,000或6,000)个li标签。

有没有人知道解决此问题的好方法?

1 个答案:

答案 0 :(得分:1)

对于1 GHz处理器而言,这只会是太多的DOM元素......

您需要实施分页或重新考虑您的数据输出才能在移动设备上正常运行。请记住,即使是非常好的移动设备也有八年前台式计算机的硬件。

由于你有很多列表项,所以如何进行后端搜索以启动它?例如,当用户键入搜索词时,将术语发送到服务器端脚本,然后可以返回匹配的元素列表,然后您可以使用jQuery Mobile搜索过滤器窗口小部件来进一步过滤列表。