6

ボタンをクリックすると、特定の数のテキスト ボックスが生成され、ユーザーの入力に基づいてボックスが選択される 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>
4

2 に答える 2

3

私は自分で問題を解決しました。問題は、マークアップの生成方法にありました。なんらかの理由で、Android 2.3 は、生成された DOM が挿入される次のページに移動する前に DOM が構築されることを想定しています。

しかし、私の場合、ユーザーからの入力を受けて、次の操作を行いました

  1. 目的のページに移動しました
  2. 次に、選択ボックスのマークアップを作成しました

何らかの理由で、Android 2.3 は上記の手順が逆の順序であると想定しています。その場合にのみ、JQM はそのスタイルを選択ボックスに適用します。

于 2013-06-28T18:48:53.637 に答える
1

同じ問題があり、次のようにパラメーター「data-native-menu」を false に設定して解決しました。

<select id="yourSelectBox" data-native-menu="false"></select>

これはもっと簡単だと思います。

于 2013-07-03T14:35:55.000 に答える