在PhoneGap中未显示在Android上的框

我在PhoneGap应用程序中有一些HTML代码,其中显示了< select>框给用户.当我点击它时,通常的Android选择屏幕不会弹出.我在webOS上的早期版本中使用的是similar problem(尽管那时下拉菜单工作正常).

< select>在< div>内部在执行期间的某些时间被隐藏或显示：

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

仅当< div>已被隐藏,然后再次显示(直接通过CSS或使用jQuery的hide()和show()方法.如果我将< select>框移到该< div>之外,或者我将< div> ;始终可见,则该下拉列表将按照其应有的方式运行；没有问题.

为什么是这样？

解决方法:

在这种情况下,问题实际上是由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);*/