JQM页脚问题

时间:2014-04-28 13:31:23

标签: jquery html jquery-mobile cordova

这是我的头脑。我有一个带有各种导航按钮的页脚如下:

<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 mobile 1.4.2,所以我想知道是否有解决方法。

注意:在键盘输入期间,页脚不会停留在键盘上方,当键盘打开大约一秒钟后它就会显示在键盘上方,然后消失。

编辑:我已经看到了当textarea聚焦等时隐藏页脚的所有解决方案,但它们似乎都不适合我。

编辑:该设备是iPhone 4和iPad mini,不确定是否需要这些细节

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

The footer stays there for a second then disappears when that input box is clicked

1 个答案:

答案 0 :(得分: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"/>