Мобильный список jQuery с поиском

Question

У меня есть простой список с поиском.

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

Моя проблема в том, что он отлично загружается и отлично фильтрует на моем компьютере, но на моем мобильном устройстве это сильно замедляет зависание сафари (заблокированная клавиатура, ужасно медленный поиск).У меня есть iPhone 4 (iOS 5).

Список довольно большой (5000 или 6000) тегов li.

Кто-нибудь знает хороший способ решить эту проблему?

Answer 1

Это будет слишком много элементов DOM для процессора с тактовой частотой 1 ГГц ...

Вам потребуется реализовать нумерацию страниц или переосмыслить вывод данных, чтобы они хорошо работали на мобильных устройствах.Помните, что даже действительно хорошие мобильные устройства оснащены аппаратным обеспечением восьмилетних настольных компьютеров.

Поскольку у вас так много элементов списка, как насчет выполнения внутреннего поиска, чтобы начать работу?Например, когда пользователь вводит поисковый термин, отправляет его в сценарий на стороне сервера, который затем может возвращать список совпадающих элементов, тогда вы можете использовать виджет фильтра поиска jQuery Mobile для дальнейшей фильтрации списка.