gpt4 book ai didi

jQuery 移动选择列表不适用于设备/模拟器

转载 作者:行者123 更新时间:2023-12-01 01:50:45 31 4
gpt4 key购买 nike

我目前正在我的 jquery mobile/phonegap 应用程序中处理表单。在此表单中,我有两个选择列表。它们在我的桌面浏览器(firefox、safari、chrome)中都能正常工作。

奇怪的是,第一个也可以在模拟器和设备上正确打开,我可以从中选择一个选项。由于某种原因,第二个选项不会打开两个选项列表。

我已经尝试添加任何 jQM 附加属性,例如:data-native-menu="false"等。是的,当我使用它时,它突然起作用了,但是它当然改变了我的第二个选择列表的外观,并且不再与第一个选择列表匹配。

我不明白的是,为什么它在第一个列表上起作用,但在第二个列表上不起作用?

这是我表单中的重要片段:

<!-- 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>

有什么解决办法吗?

最佳答案

好吧,我终于通过删除它周围的 ul 并将剩余选择列表的样式调整为上面的输入字段来解决它。

结论:jQM 选择字段似乎无法在 Android 的 ul 中正常工作。这是我的最终代码:

<h2>Zahlungsart</h2>
<div id="paymentSelectContainer">
<select name="pay" id="paySelect">
<option value="standard" data-placeholder="true">-- Bitte wählen --</option>
<option value="creditcard">Kreditkarte</option>
<option value="invoice">Rechnung</option>
</select>
</div>

编辑:我的解决方案在模拟器上有效,但是当我在设备上尝试它时,它又不行了!

关于jQuery 移动选择列表不适用于设备/模拟器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10976319/

31 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com