这绝对是让我疯狂的.我有Droid X 2.3.3.由于某种原因,当data-role =“none”或“data-native-menu =”true“被设置时,本地选择菜单将不会打开.有没有人知道为什么会发生这种情况？
<!DOCTYPE HTML>
<html>
<head>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.css" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.5.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.js"></script>
</head>
<body>
<div id="wrapper-div">
<div data-role="page" data-theme="b">
<div data-position="inline" data-role="header">
<h1>Test Page</h1>
</div>
<div id="content" data-role="content">
<form action="" method="post">
<fieldset data-role="fieldcontain">
<label for="some-options">Some Options:</label>
<select data-native-menu="true" name="some-options" id="some-options">
<option value="1">Option 1</option>
<option value="2">Option 2</option>
</select>
</fieldset>
<fieldset data-role="fieldcontain">
<label for="mote-options">More Options:</label>
<select data-role="none" name="more-options" id="more-options">
<option value="1">Option 1</option>
<option value="2">Option 2</option>
</select>
</fieldset>
<fieldset data-role="fieldcontain">
<label for="evenmore-options">Even More Options:</label>
<select name="more-options" id="evenmore-options">
<option value="1">Option 1</option>
<option value="2">Option 2</option>
</select>
</fieldset>
</form>
</div>
</div>
</div>
</body>
</html>
解决方法
我经历过同样的事情.您需要将data-type =“page”直接保留在< body> ;.之下.有关详细信息,请参阅此jQM问题：
https://github.com/jquery/jquery-mobile/issues/1051
所以,删除< div id =“wrapper-div”> – 你不需要它;-)但是,我相信jQM不应该把这些限制放在我们的开发者身上.毕竟,它在iPhone上工作,所以我很好奇为什么它在Android上无法正常工作.
