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/

Jquery mobile中的多个选择小部件在Android 2.3中不起作用

1 个答案: