JQM页脚问题

这是做我的头。我有一个页脚与各种导航按钮,如下所示:

<div data-role = "footer" data-position = "fixed" data-theme = "b" data-tap-toggle="false">
            <div data-role="navbar">
                <ul>
                    <li><a href= "example.html" rel="external" data-icon="home" data-iconpos = "notext"></a></li>
                    <li><a href="example2.html" rel="external" data-icon="info" data-iconpos = "notext"></a></li>
                    <li><a href="example3.html" rel="external" data-icon="gear" data-iconpos = "notext"></a></li>
                </ul>
            </div>
        </div>

在模拟器上,这完全没有问题。 但是,在设备上,当键盘打开时,页脚在键盘上方一秒钟之后返回,有时会导致导航按钮错误点击。 我正在使用jQuery的移动1.4.2,所以我想知道是否有修复这一点。

注意:在键盘输入过程中,页脚不会停留在键盘上方,只是在键盘打开大约一秒钟后才会出现在键盘上方,然后消失。

编辑:我已经看到所有关于隐藏页脚的解决方案,当一个textarea的焦点等,但他们似乎都没有为我工作。

编辑:该设备是iPhone 4和iPad mini,不知道这些细节是必要的

编辑:在回应评论的人,我试图让一个jsfiddle重新创建问题,但我一直无法这样做。 这是iPhone 4上的问题:

当单击该输入框时,页脚停留一秒钟然后消失


对任何感兴趣的人,我终于找到答案。 这是通过我自己的错误,我没有在下面的代码中包含: height = device-height 。 这在我的HTML的头部

<meta name="viewport" content="user-scalable = no, initial-scale = 1, maximum-scale = 1, minimum-scale=1, width = device-width, target-densitydpi = device-dpi height = device-height"/>
链接地址: http://www.djcxy.com/p/78743.html

上一篇: JQM footer issue

下一篇: WebAPI controller inheritance and attribute routing