我正在尝试用 5 个字段做一个页脚。其中一个是选择按钮，但我不知道为什么我有两个选择按钮！
这是我的代码：
<div class="ui-bar ui-grid-c" style="height:30px;width:100%;border-top:solid 2px black;">
<div class="ui-block-a" style="width:55%;">
<div class="ui-bar ui-grid-a" style="display:inline;">
<div class="ui-block-a" style="width:35%;text-align:left;">
<label for="mydate" style="margin-top:10px;font-size:10pt;"><b>Compare:</b></label></div>
<div class="ui-block-b" style="width:65%;text-align:left;margin-top:-10px;"><input name="CompareDate" id="mydate" style="height:35px;" type="date" data-role="datepicker" data-options='{"hideInput": true,"mode": "calbox", "useTodayButton": true}'></div></div></div>
<div class="ui-block-b" style="width:20%;text-align:left;margin-left:-5px;">
<select name="select-choice" id="select-choice" data-native-menu="false" data-icon="gear" data-iconpos="notext" >
<option></option>
<option value="auto">Auto</option>
<option value="mix">Mix</option>
<option value="superpose">Superpose</option>
</select></div>
<div class="ui-block-c" style="width:12%;text-align:right;margin-left:2px;">
<a href="#" data-role="button" data-iconpos="notext" data-icon="arrow-l">-12 hours</a></div>
<div class="ui-block-d" style="width:12%;text-align:left;margin-left:3px;">
<a href="#" data-role="button" data-iconpos="notext" data-icon="arrow-r">+12 hours</a></div>
</div><!-- Footer -->
答案是这样的：
正如你所看到的，我得到一个没有图标的按钮，而另一个右下方带有齿轮图标的按钮。两者都显示相同的选择菜单。
代码在：http: //jsfiddle.net/a7pBW/6/
任何人都知道为什么会这样？我确定这是一个愚蠢的事情，但我无法看到它！
非常感谢！！
更新：
我发现它与 data-native-menu 选项有关，但我还不知道如何解决它。
我认为这是一个 JQuery 错误，因为当我使用 Fire Bug 运行代码时，我可以看到当您在 HTML 内部放置带有图标的选择时，我可以找到对按钮的两个引用，这就是它重复的原因。我仍然不知道如何解决它，我刚刚将两者定位在相同的确切位置，所以你看不到有两个按钮而不是一个，但我会继续工作，因为这不是一个好方法！