<select>框未在PhoneGap中的Android上显示</select>

Question

我在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()方法。如果我移动{{1在<select>之外的框，或者如果我使<div>始终可见，则下拉列表应该按原样运行;没有问题。

为什么会这样？

Answer 1

在这种情况下，问题实际上是由jQTouch引起的。要修复它，只需在jqtouch.css中注释掉这4行

在“身体”下

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

在“body＆gt; *”

下

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

Answer 2

我认为您遇到了这个问题： http://code.google.com/p/android/issues/detail?id=10280

Answer 3

我在Android应用程序上遇到了同样的问题，这是基于iScroll + Phonegap构建的。 不要使用iScroll