这绝对让我发疯。我有 Droid X 2.3.3。出于某种原因，当 data-role="none" 或 "data-native-menu="true" 设置时， native 选择菜单不会打开。有没有人有为什么会这样？
<!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 上正常运行。
关于JQuery Mobile native 选择不适用于机器人，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/6350403/