底部触发PhoneGap / JQM事件(Web视图)

时间:2013-04-24 21:01:49

标签: jquery cordova jquery-mobile jquery-waypoints

如果用户通过滚动 PhoneGap / JQM 来点击底部,我想重新加载项目。

目前我正在使用此解决方案:

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

但它接缝不稳定,是否有任何触发事件可以使用?在Android和iOs上工作?在我的Galaxy上,如果到达底部,我会看到某种蓝色边框弹出,但在 ADB 中没有看到任何事件名称......

任何tipps?

1 个答案:

答案 0 :(得分:2)

我可以用旧的例子来帮助你。但是你需要修复它才能使用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,不需要额外的框架。