<select>框不会在PhoneGap中的Android上显示

Question

我在PhoneGap应用程序中有一些HTML代码,<select>向用户显示一个框.当我点击它时,通常的Android选择屏幕不会弹出.我之前在webOS上遇到了类似的问题(虽然那时下拉工作正常).

的<select>是内部的<div>该被隐藏或执行过程中的某些时间图所示:

<div id="submit">
  <ul class="rounded">
    <li><select id="item"></select></li>
  </ul>
</div>

只有<div>在隐藏然后再显示(直接通过CSS或使用jQuery hide()和show()方法)时才会出现问题.如果我将<select>框移到外面<div>,或者如果我<div>总是可见,那么下拉行为就像它一样应该;没有问题.

为什么是这样？

Answer 1

在这种情况下,问题实际上是由jQTouch来解决的.要修复它,只需在jqtouch.css中注释掉这4行

在"身体"下

  /*-webkit-perspective: 800;*/
  /*-webkit-transform-style: preserve-3d;*/ 

在"身体>*"下

/*-webkit-backface-visibility: hidden;*/
/*-webkit-transform: translate3d(0,0,0) rotate(0) scale(1);*/