2012-07-05 28 views
3

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

这只有当我跑我的应用程序如通过PhoneGap的包装上我的宏碁Iconia A200平板电脑的本机应用程序,它运行的是Android 4.0.3发生。如果我使用iOS 5.1.1在iPad2上运行同一个应用程序,则所有<input type="number">元素都会正确显示数字键盘。如果我在Acer平板电脑的谷歌浏览器中运行此应用程序,则会显示所有<input type="number">元素的正确键盘。

我使用jQuery Mobile的1.1和1.8.1的PhoneGap。

是否有下jQuery Mobile的东西会造成type="number"被忽略?有什么方法可以通过HTML/JavaScript强制数字键盘在元素获得焦点时显示?

回答

0

的PhoneGap,ICS(Android的4.0.3/4.0.4)和jQuery移动(JQM)不玩好起来了!

我有键盘的问题,页面(AJAX)过渡的问题,jQuery验证问题 - 所有这一切都使我令人沮丧的结论是,ICS和JQM不兼容!

最令人沮丧的部分是有时页面可以工作,而其他时间则不会 - 完全不一致的行为! GRRRR!

JQTouch也没有发挥好与ICS/PhoneGap的......虽然出现比JQM工作稍有bettter。

据我所知,你有,如果你的使用ICS/PhoneGap的实现纯HTML/CSS/JS网页。

我所有的测试是通过USB调试做了一个10.1三星Galaxy Tab II Eclipse的。

1

尝试从你的CSS删除这条线。这条线是为了避免在Android手机上闪烁,但现在不需要。

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

我试着解决Nexus上的问题,但试图解决问题会产生其他问题。升级设备上的转换性能可能很差

参考:Jquery Mobile Supported Platforms

相关问题