2013-02-01 4 views
0

사용자가 초기 데이터 집합의 맨 아래로 스크롤 할 때 목록 뷰에 50 개의 레코드를 추가하려고합니다. 나는 Scroll Coordinates Jquery Mobile 캡처

$('div[data-role="page"]').live('pageinit', function (event, ui) { 
    var eventsElement = $('#events'); 
    $(window).bind('scrollstart', function() { 
     console.log('start'); 
     $('.ui-body-c').css('background', 'green'); 
     eventsElement.append('<li><a href="">Start</a></li>'); 
     eventsElement.listview('refresh'); 
    }); 

는 사용자가 intial 데이터의 끝으로 스크롤 때 알고 트리거이 이벤트 또는 다른 이벤트를 사용하는 방법이 있나요 .. JQuery와 모바일에서 스크롤 이벤트가 있습니까?

답변

1

예전의 예를 통해 당신을 도울 수 있습니다. 그러나 jQM 1.2에서 작동하도록 수정해야합니다.

다음은 예 : http://jsfiddle.net/Gajotres/v4NxB/입니다. 완벽한 데모와는 거리가 멀지 만 올바르게 사용하려면 충분한 정보를 얻을 수 있습니다.

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

편집 :

내가 JQM 1.0

함께 구축 http://imakewebthings.com/jquery-waypoints/#get-started

이 하단을 감지합니다 :

그것은 하단 스크롤 터치를 감지하는이 jQuery 플러그인을 사용하여

이 버전은 1.3 : http://jsfiddle.net/Gajotres/Bn2Du/을 포함하여 모든 jQM 버전에서 작동합니다. 순수 jQuery를 사용하므로 추가 프레임 워크가 필요하지 않습니다.

+0

왜 JQM 1.2와 호환되지 않습니까? –

+0

jQM 1.0과 jQM 1.2 사이에는 많은 변화가있었습니다. – Gajotres

+0

EDIT 파트에서 새로운 예를 살펴보십시오. – Gajotres