3

<input type="number">在我的 Phonegap jQuery Mobile 应用程序中使用时，我看到键盘行为不一致。<input type="number">在 Android 4.0.3 上，当输入元素获得焦点时，包含正确显示 Android 数字键盘的简单页面。在更复杂的页面上，<input type="number">显示默认的 Android 键盘而不是数字键盘。

仅当我在运行 Android 4.0.3 的 Acer Iconia A200 平板电脑上将我的应用程序作为通过 Phonegap 打包的本机应用程序运行时，才会发生这种情况。如果我使用 iOS 5.1.1 在 iPad2 上运行相同的应用程序，所有<input type="number">元素都会正确显示数字键盘。如果我在 Acer 平板电脑上的 Google Chrome 下运行此应用程序，则会为所有<input type="number">元素显示正确的键盘。

我正在使用 jQuery Mobile 1.1 和 Phonegap 1.8.1。

jQuery Mobile 下有什么东西会导致type="number"被忽略吗？当元素获得焦点时，是否有某种方法可以通过 HTML / JavaScript 强制显示数字键盘？

4

2 回答 2

1

尝试从您的 CSS 中删除这一行。这条线是为了避免在安卓手机上闪烁，但现在不需要了。

.ui-page {
    -webkit-backface-visibility: hidden !important;    
}

我尝试解决 Nexus 上的问题，但尝试解决一个会产生其他问题。升级设备上的转换性能可能很差

参考：Jquery Mobile 支持的平台

于 2012-09-12T10:36:57.903 回答
0

Phonegap、ICS (Android 4.0.3/4.0.4) 和 JQuery Mobile(JQM) 根本不能一起玩！

我遇到了键盘问题、页面（ajax）转换问题、jquery 验证问题——所有这些都让我得出一个令人沮丧的结论，即 ICS 和 JQM 不兼容！

最令人沮丧的部分是，有时页面确实可以工作，而其他时候却没有 - 完全不一致的行为！呸！

JQTouch 也不能很好地与 ICS/Phonegap 配合使用......虽然看起来比 JQM 工作得稍微好一些。

据我所知，如果您使用 ICS/Phonegap，则必须实现纯 HTML/CSS/JS 网页。

我所有的测试都是通过 Eclipse 上的 10.1 Samsung Galaxy Tab II 上的 USB 调试完成的。

于 2012-07-23T14:17:21.097 回答