带搜索的jQuery移动列表

带搜索的jQuery移动列表,jquery,ajax,jquery-mobile,Jquery,Ajax,Jquery Mobile,我有一个简单的搜索列表 <ul data-role="listview" data-inset="false" data-filter="true" data-iconpos="right"> 我的问题是,在我的电脑上,它可以很好地加载和过滤,但在我的移动设备上,它会让safari严重滞后(键盘锁定,搜索速度非常慢)。我有一部iPhone4(iOS5) 这个列表相当大(5000或6000)个li标签 有人知道解决这个问题的好方法吗?对于1-GHz处理器来说,DOM元素太多了 要

我有一个简单的搜索列表

<ul data-role="listview" data-inset="false" data-filter="true" data-iconpos="right">
我的问题是,在我的电脑上,它可以很好地加载和过滤,但在我的移动设备上,它会让safari严重滞后(键盘锁定,搜索速度非常慢)。我有一部iPhone4(iOS5)

这个列表相当大(5000或6000)个li标签


有人知道解决这个问题的好方法吗?

对于1-GHz处理器来说,DOM元素太多了

要在移动设备上正常工作,您需要实现分页或重新考虑数据输出。请记住,即使是非常好的移动设备也有8年历史的台式计算机的硬件


既然你有这么多的列表项,做一个后端搜索来启动它怎么样?例如,当用户键入搜索词时,将该词发送到服务器端脚本,然后该脚本可以返回匹配元素的列表,然后您可以使用jQuery Mobile search filter小部件进一步筛选该列表。

谢谢。我在考虑类似的事情,但希望我忽略了一些简单的事情。@Kyle我以前遇到过这个问题,我实现了一个服务器端增强解决方案,在我只有不到一定数量的元素要搜索(我想我用了50个)之后,我才使用jQuery移动搜索过滤器。它提供了很好的用户体验…在这一点上,我必须同意jasper的观点-我会考虑建立一个分页机制。这只是JQM呈现的大量标记。就我个人而言,我觉得在25个列表项之后,你应该进行分页,然后——如果可能的话,预取下25个结果——这样至少在初始列表之后下一个页面就可以访问了。谢谢大家。我在字段中添加了自己的搜索算法,该字段对输入的每个字符调用一个php脚本。通过这种方式,服务器处理负载的冲击,JQM只需显示结果(而不是搜索大量DOM元素)。我本来打算让JQM数据过滤器在50岁后处理它,但它太快了,效率太高了,我真的看不出有什么意义。无论如何,谢谢大家的帮助。