带有搜索功能的 jQuery Mobile 列表

Question

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

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

我的问题是，它在我的计算机上加载良好且过滤效果出色，但在我的移动设备上，它使 safari 延迟非常严重(锁定键盘，搜索速度非常慢)。我有一部 iPhone 4(iOS 5)。

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

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

Answer 1

对于 1 GHz 处理器来说，DOM 元素太多了......

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

既然您有如此多的列表项，那么如何进行后端搜索来开始呢？例如，当用户键入搜索词时，将该词发送到服务器端脚本，然后该脚本可以返回匹配的元素列表，然后您可以使用 jQuery Mobile 搜索过滤器小部件进一步过滤该列表。