jQuery Mobile固定页脚移动到选择列表iphone

时间:2015-05-09 18:08:10

标签: ios cordova listview jquery-mobile

我正在制作一个性健康应用程序,作为uni项目的一部分。我的表格让我发疯。我已经意识到jquery mobile中的一个常见问题是,当键盘打开时,固定的页脚移动到页面的中间位置,我已经通过以下JS修复了这个问题

//hide footer when input box is on focus
$(document).on('focus', 'input, textarea, select', function() {
    $("div[data-role=footer]").hide();
});

//show footer when input is NOT on focus
$(document).on('blur', 'input, textarea, select', function() {
    $("div[data-role=footer]").show();
});

此代码完美地解决了键盘的问题,但是,对于需要从一系列答案中选择输入的问题(下面的图片链接),当您使用左箭头键循环并回答页脚移动的每个问题时。页脚不移动是您循环通过并将答案保留为默认的“选择一个”。这很奇怪,可能是一个我不了解的非常简单的解决方案,所以任何帮助都会非常感激。

PS。照片中的绿色条是页脚而不是标题:P

图片链接

http://imgur.com/olWSrfu

1 个答案:

答案 0 :(得分:0)

我会在你体内使用onscroll事件。 尝试一下,我认为它会解决你的问题