Событие PhoneGap/JQM, инициированное внизу (веб-представление)

Я хочу перезагружать элементы, если пользователь попадает в нижнюю часть, прокручивая PhoneGap / JQM.

В настоящее время я использую это решение:

$(window).scroll(function() {
  if($(window).scrollTop() + $(window).height() == $(document).height()) {    
     .. some action ..
  }
});

Но похоже, что это не стабильно, есть ли какие-либо события, которые можно использовать? Которые работают на Android и iOS? На моем Galaxy я вижу какую-то синюю рамку, всплывающую при приближении к низу, но не видел никакого названия события в ADB...

Есть советы?


cordova jquery jquery-mobile jquery-waypoints
person Jens Peters    schedule 24.04.2013    source источник

Ответы (1)


arrow_upward
2
arrow_downward

Я могу помочь вам с моим старым примером. Но вам нужно будет исправить это, чтобы он мог работать с jQM 1.2.

Вот пример: http://jsfiddle.net/Gajotres/v4NxB/. Это далеко не идеальная демонстрация, но она может дать вам достаточно информации, чтобы правильно ее использовать.

Он использует этот плагин jQuery для обнаружения касания нижней прокрутки: http://imakewebthings.com/jquery-waypoints/#get-started

Я построил его с помощью jQM 1.0.

Это обнаружит нижний конец:

$('#example-offset-pixels').waypoint(function() {
    //notify('100 pixels from the top');
}, { offset: 100 });

ИЗМЕНИТЬ:

Эта версия работает со всеми версиями jQM, включая 1.3: http://jsfiddle.net/Gajotres/Bn2Du/. Он использует чистый jQuery, нет необходимости в дополнительных фреймворках.

person Gajotres    schedule 25.04.2013