android - Android 2.3选择框样式与Android 4.2不同

Question

我正在开发一个 PhoneGap 应用程序，在该应用程序中单击按钮会生成特定数量的文本框并根据用户输入选择框。

我在运行 Android 4.2 的 AVD 上测试了该应用程序。一切正常，与文本框一起生成的选择框如下图所示:

现在，我在运行 android 2.3 的 AVD 中测试了同一个应用程序，结果显示如下:

.

很明显，选择框在 Android 2.3 中显得很奇怪，而文本框和按钮等其他控件绝对没问题。

我不知道为什么会这样。该应用程序使用 JQM 和 Cordova 2.5.0。

为了让您了解我要解释的内容，我添加了下面的代码，这是我的选择框标记

    <select class="sel" data-theme="a" id="selectmenu0">
         <option value="1">option1</option>
         <option value="2">option2</option>
         <option value="3">option3</option>
    </select>

Answer 1

我自己解决了这个问题。问题在于我生成标记的方式。由于某些未知原因，Android 2.3 期望在导航到将插入生成的 DOM 的下一页之前构建 DOM。

但在我的例子中，在收到用户的输入后，我做了以下操作

1. 我导航到目标页面
2. 然后，我构建了选择框标记

出于某种原因，Android 2.3 要求上述步骤按相反顺序进行。只有这样，JQM 才将其样式应用于选择框。