jquery - jQueryモバイル選択リストがデバイス/エミュレーターで機能しない

Question

現在、jquery mobile/phonegapアプリのフォームに取り組んでいます。このフォームには、2つの選択リストがあります。これらは両方とも私のデスクトップブラウザ（Firefox、Safari、Chrome）で正常に動作します。

奇妙なことに、最初のものはエミュレーターとデバイスでも正しく開き、そこからオプションを選択して選択できます。2つ目は、理由によってどちらのオプションリストも開きません。

data-native-menu="false"などのjQMの追加プロパティを追加しようとしました。はい、それを使用すると突然機能しますが、もちろん、2番目の選択リストの外観が変更され、最初の選択リストと一致しなくなります。

私が理解していないのは、なぜそれが最初のリストでは機能しているのに、2番目のリストでは機能していないのかということです。

これが私のフォームからの重要なスニペットです：

<!-- first select: works! -->
<h2>headline 1</h2>
<ul data-role="listview" data-inset="true">
    <li>
      <div id="titleSelectContainer" class="fullWidth form-lines clearFix">
        <div class="oneQuarter">
          <label class="labels">Anrede</label>
        </div>
        <select id="titelSelect" class="inputFields" name="titelSelect" data-mini="true">
          <option value="standard" data-placeholder="true">-- Bitte wählen --</option>
          <option value="Mr.">Herr</option>
          <option value="Mrs.">Frau</option>
        </select>
      </div>
    </li>
</ul>

<!-- second: does not work! -->
<h2>headline 2</h2>
<ul data-role="listview" data-inset="true">
  <li class="payOptions">
    <select class="inputFields payDDL" name="pay" id="paySelect" data-mini="true">
      <option value="standard" data-placeholder="true">-- Bitte wählen --</option>
      <option value="creditcard">Kreditkarte</option>
      <option value="invoice">Rechnung</option>
    </select>
  </li>
</ul>

解決策はありますか？