Android ICS键盘行为不一致 <input type=“number”> 在PhoneGap应用程序中

Question

在Phonegap jQuery Mobile应用程序中使用<input type="number">时，我看到键盘行为不一致。 在Android 4.0.3上，当input元素获得焦点时，包含<input type="number">的简单页面会正确显示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强制数字键盘在元素获得焦点时显示？

Answer 1

尝试从CSS中删除此行。 这条线是为了避免在Android手机上闪烁，但现在不需要它。

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

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

参考： Jquery Mobile支持的平台

Answer 2

Phonegap，ICS（Android 4.0.3 / 4.0.4）和JQuery Mobile（JQM）根本不能很好地协同工作！

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

关于它的最令人沮丧的部分是， 有时页面确实有效，有时候它们没有 - 完全不一致的行为！ GRRRR！

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

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

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