Question

我正在使用jQuery mobile构建一个iOS Web应用程序，并且选择框正确地将第一个选项带有no值转换为选择弹出窗口中的标题，这是不可选择的但是当我将主屏幕添加为iOS Web应用程序时选择弹出菜单然后有不可选择的标题以及名称作为可选选项的选项......

这是我的标记：

<div data-role="page" id="home"> 
    <div data-role="header" data-position="fixed">
        <h1>GWG</h1>
    </div> 
    <div data-role="content" id="homeContent">
        <fieldset data-role="controlgroup" data-type="vertical">
            <select id="selManufacturer" data-native-menu="false">
                <option>Manufacturer</option>
            </select>
            <select id="selModel" data-native-menu="false">
                <option>Model</option>
            </select>
        </fieldset>
    </div> 
    <div data-role="footer" data-position="fixed" data-id="thefooter">
        <h4>Created by: Thomas Dexter</h4>
    </div> 
</div>

我的javascript：

//Manufacturer select box
$('#selManufacturer').empty();
$('#selManufacturer').append('<option>Manufacturer</option>');
for (var i=0; i<json.phones.manufacturers.length; i++) {
    $('#selManufacturer').append('<option value="' + i + '">' + json.phones.manufacturers[i].name + '</option>');
}
$('#selManufacturer').selectmenu();
$('#selManufacturer').selectmenu('refresh');

//Model select box
$('#selModel').empty();
$('#selModel').append('<option>Model</option>');
for (var i=0; i<json.phones.models.length; i++) {
    $('#selModel').append('<option value="' + i + '">' + json.phones.models[i].model + '</option>');
}
$('#selModel').selectmenu();
$('#selModel').selectmenu('refresh');

如果您想将应用添加到iOS主屏幕以查看问题转到

http://tsdexter.com/gwg

然后点击“添加到主屏幕”

（唯一的型号目前是iPhone，我知道基于制造商的过滤目前尚未实施）

更新：在我正确添加占位符之前，看起来它可能是版本的缓存问题。将做进一步测试并回复。

如果这是问题 - 有谁知道如何清除iOS主屏幕网络应用程序的缓存？我删除了应用程序，关闭了safari中的所有页面，强制关闭safari然后打开它并重新添加了Web应用程序，它仍然无法正常工作。似乎唯一固定它的东西是等待20-30分钟再刷新......

为什么jQuery Mobile选择菜单占位符在iOS Web应用程序版本中无法正常工作？

0 个答案: