JQuery Mobile ленивые элементы списка загрузки

Question

Откуда вы знаете, что находитесь в нижней части списка в jQuery Mobile, мне нужно лениво загружать дополнительные результаты, когда достигнут конец списка?

Answer 1

Существует рабочий пример использования событий scrollstart и scrollstop, которые должны привести вас в правильном направлении: http://jsfiddle.net/shanabus/LJTJt/

Страница документации здесь: http://jquerymobile.com/test/docs/api/events.html

Надеюсь, это поможет!

UPDATE

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

http://jsfiddle.net/shanabus/LJTJt/1/

Здесь добавляется только новый элемент, когда вы достигаете нижней части списка.

Answer 2

Простой код для загрузки большего количества элементов при достижении нижней части страницы.

 if ($(window).scrollTop() > $('#page1').height() - 500) {
        eventsElement.append('<li><a href="">Stop</a></li>');
        eventsElement.listview('refresh');
 }

Для полного примера,

см. Код здесь .

Будет лучше использовать jquery-mobile-iscrollview. Это обеспечивает выпадающие и подтягивающие события

Ссылка на Git Hub

Answer 3

есть jazyloader для мобильных плагинов jq, который может помочь.

ссылка: http://dcarrith.github.com/jquery.mobile.lazyloader