＆LT;选择＆GT;盒子没有显示的PhoneGap Android上 [英] <select> box not displaying on Android in PhoneGap

问题描述

我有一些HTML code在PhoneGap的应用程序，它会显示一个＆LT;选择＆GT; 框给用户。当我一敲就可以了，一般的安卓选择画面不会弹出。我有一个类似的问题的这个早些时候的webOS（虽然当年时间的下拉列表中正常工作）。

I have some HTML code in a PhoneGap application that displays a <select> box to the user. When I tap on it, the usual Android selection screen doesn't pop up. I had a similar problem with this earlier on webOS (although at that time the drop-downs were working properly).

在＆LT;选择＆GT; 是在＆LT; D​​IV＆GT; 是被隐藏或在某些时候显示执行：

The <select> is inside a <div> that gets hidden or shown at certain times during execution:

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

该问题只发生在＆LT; D​​IV＆GT; 已被隐藏，然后再次显示（无论是直接通过CSS或使用jQuery的隐藏（ ）和显示（）方法，如果我移动＆LT;选择＆GT; 条条框框那＆LT; D​​IV＆GT; ，或者如果我做了＆LT; D​​IV＆GT; 总是可见，则下拉的行为，因为它应该。没有问题

The problem only occurs when the <div> has been hidden and then shown again (either directly through CSS or by using jQuery's hide() and show() methods. If I move the <select> box outside of that <div>, or if I make the <div> always visible, then the drop-down behaves as it should; no problems.

这是为什么？

推荐答案

在这种情况下，这个问题实际上是由jQTouch套管。为了解决这个问题，只是注释掉jqtouch.css这4行

In this case the problem was actually cased by jQTouch. To fix it, just comment out these 4 lines in jqtouch.css

在身体

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

在BODY> *

Under "body > * "

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

这篇关于＆LT;选择＆GT;盒子没有显示的PhoneGap Android上的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！