我正在使用 Icenium、PhoneGap 和 jQuery Mobile 编写我的第一个移动应用程序。
我在不同的页面上有几个选择元素。
在 Android 中,它按预期工作。但在 iOS 和 Icenium 的 iOS 模拟器中,情况并非如此。当您点击该元素时,您会在一小部分中看到它像常规 HTML 选项列表一样打开选项,然后立即跳回上一页。
我没有错误,我不知道从哪里开始找到解决方案。我在谷歌上搜索过,但似乎没有人遇到这种问题。
html 看起来像这样:
<label class="cornerlogospan" for="ddlLanguage">Language</label>
<select class="settingselectfield" id="ddlLanguage" data-bind="value: Settings().UILanguage">
<option value="nl">Dutch</option>
<option value="fr">French</option>
<option value="en">English</option>
</select>
生成的html:
<label class="cornerlogospan">Language:</label>
<div class="ui-select">
<div id="ddlLanguage-button" class="ui-btn ui-icon-carat-d ui-btn-icon-right ui-corner-all ui-shadow">
<span class="settingselectfield">English</span>
<select class="settingselectfield" id="ddlLanguage" data-bind="value: Settings().UILanguage">
<option value="nl">Dutch</option>
<option value="fr">French</option>
<option value="en">English</option>
</select>
</div>
编辑
根据奥马尔的建议,我确实添加了 data-native-menu="false"
属性。页面不再变化,但页面不再变化。http://www.youtube.com/watch?v=szVv2QfSH9M我仍然无法选择语言。现在的Android也是如此。