Jquery mobile中的多選小部件在Android 2.3中不起作用

Question

我正在開發使用Jquery Mobile 1.3.1 +手機間隙的Android原生移動應用程序。 以下代碼在Android 2.3中不起作用（選項不會彈出），但在Android 4中工作正常。 在Android 2.3設備上使用此工作的任何想法/建議。

<div id="createOrderHolder"> 

<ul id="fmcgProdList" data-role="listview" data-filter="true" 
data-filter-placeholder="Search Products" data-inset="true"> 
    <li id="8" class="productListClass" > 
       <input id="8" name="8" type="checkbox" /> 
       <label class="prodLabel" for="8" >Bisleri Water</label> 
       <p style="font-size: 1em;" > 
       <strong>Quantity:</strong> 
       <select id="select2" > 
        <option value="1" >1</option> 
        <option value="2" >2</option> 
        <option value="3" >3</option> 
        <option value="4" >4</option> 
        <option value="5" >5</option> 
        <option value="6" >6</option> 
       </select> 
      </p> 
      </li> 
      <li id="9" class="productListClass" > 
       <input id="9" name="8" type="checkbox" /> 
       <label class="prodLabel" for="9" >Bisleri Water</label> 
       <p style="font-size: 1em;" > 
        <strong>Quantity:</strong> 
         <select id="select1" > 
         <option value="1" >1</option> 
         <option value="2" >2</option> 
         <option value="3" >3</option> 
         <option value="4" >4</option> 
         <option value="5" >5</option> 
         <option value="6" >6</option> 
         </select> 
       </p> 
     </li> 
</ul> 
</div> 

再一次觀察，如果我只有一個列表項，它工作正常，但如果再添加一個列表項，它不起作用。

Answer 1

你需要添加一個data-native-menu="false"到你的<select>使它彈出。

演示：http://jsfiddle.net/hungerpain/yKEz4/