0

当用户滚动到初始数据集的底部时,我想将 50 条数据记录附加到列表视图。我看到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');
    });

有没有办法使用此事件或其他事件来触发知道用户何时滚动到初始数据的末尾?

4

1 回答 1

1

我可以帮助你用我的老例子。但是您需要修复它,以便它可以与 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,不需要额外的框架。

于 2013-02-01T20:10:30.057 回答