0

ユーザーが最初のデータセットの一番下までスクロールしたときに、50 レコードのデータをリストビューに追加したいと考えています。jquery モバイルにスクロール イベントがあるようです。

$('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');
    });

このイベントまたは他のイベントを使用して、ユーザーが初期データの最後までスクロールしたことを知る方法はありますか?

4

1 に答える 1

1

I can help you with my older example. But you will need to fix it so it can work with jQM 1.2.

Here's an example: http://jsfiddle.net/Gajotres/v4NxB/. It is far from perfect demo but it can give you enough info to use it correctly.

It uses this jQuery plugin to detect bottom scroll touch: http://imakewebthings.com/jquery-waypoints/#get-started

I have built it with jQM 1.0

This will detect bottom end:

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

EDIT :

This version works with every jQM version, including 1.3 : http://jsfiddle.net/Gajotres/Bn2Du/. It uses pure jQuery, no need for additional frameworks.

于 2013-02-01T20:10:30.057 に答える