1

我正在使用 Jquery Mobile 1.3.1 + phone gap 开发 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>

再观察一下，如果我只有一个列表项，它可以正常工作，但如果再添加一个列表项，它就不起作用。

4

1 回答 1

2

您需要添加一个data-native-menu="false"以<select>使其弹出。

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

于 2013-07-08T06:25:18.743 回答