键盘上方的 jQuery Mobile 页脚

Posted 2023-03-21

【中文标题】键盘上方的 jQuery Mobile 页脚

【英文标题】：jQuery Mobile Footer above keyboard

【发布时间】：2013-07-24 10:46:35

【问题描述】：

使用 jQuery Mobile 1.3.2

我有一个如下设置的页脚工具栏：

<div data-role='footer' data-position='fixed'>......</div>

内容包含一个文本区域。当用户在文本区域中单击时，会出现软键盘。我需要页脚始终保持在软键盘上方（以及文本区域的顶部）。现在如果用户再次点击，页脚会消失，然后再次点击，页脚会重新出现。

我已经试过了：

<div data-role='footer' data-position='fixed' data-tap-toggle='false'>....</div>

但问题是页脚总是停留在底部，永远不会出现在键盘上方。

任何人都可以帮助我，以便在显示软键盘时页脚始终位于其上方 - 当软键盘消失时，页脚会移回底部？+

【问题讨论】：

试试<div data-role="footer" data-position="fixed">......</div>

这是我列出的第一件事。

你在什么平台上测试？可能是 jquery mobile 不完全支持该平台，您检查过jquerymobile.com/gbs 吗？还有你用的是什么版本的jquery？

见上文（jQuery 1.3.2），我正在 android 4.0.2 上测试

我不是指 Jquery Mobile，我是指直接 Jquery，jquery.com。如果您的 Jquery 版本已过时，则您的 Jquery Mobile 可能无法正常运行。对于 JQM 1.3.2，建议您使用 JQ 1.9.1。把这个放在你的脑海里，看看问题是否仍然存在。 <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css" /> <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script>

【参考方案1】：

我遇到了同样的问题，在非全屏模式下使用应用程序时它消失了......

检查是否解决了问题。

为此，您必须编辑由 phonegap 创建的 Android 主活动页面并添加以下内容：

getWindow().clearFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN);

之后： super.loadUrl(Config.getStartUrl());