【问题标题】:Jquery Mobile & iOS keypad issueJquery Mobile & iOS 键盘问题
【发布时间】:2012-11-08 12:30:34
【问题描述】:
因此,我们正在使用 Phonegap 和 Jquery Mobile 构建应用程序,但我们在其中一个 JQM 页面上遇到了问题。当您使用 ios 键盘的“下一步”按钮在字段之间导航时,就会出现问题。当您来到最后一个输入文本字段并按下“完成”按钮时,一些页面元素会出现在“标题”栏后面,而不是在按下“完成”按钮后显示所有页面元素。
在 Android 版本上,页面的全部元素都在视图中,但页脚栏现在消失了,只有当我点击正文时才会出现页脚。
知道这里会发生什么吗?
【问题讨论】:
标签:
ios
cordova
jquery-mobile
【解决方案1】:
经过一整天的摸索,我解决了这个问题。对产生问题的 jquery.mobile.css 全局配置文件进行了微小更改。对以下设置进行了细微更改...
.ui-mobile [data-role=page], .ui-mobile [data-role=dialog], .ui-page { top: 0;左:0;宽度:100%;最小高度:100%;位置:绝对;显示:无;边框:0; }
实际所做的更改是在 min-height: 100% 旁边插入“!重要”,这导致了问题。我只是删除了“!重要”,它起作用了。