JQuery UI selectmenu无法正确显示

Question

我正在尝试将JQuery selectmenu小部件与我的select元素一起使用。但是，它们无法正确显示。似乎div窗口小部件被selectmenu窗口小部件包围的<div id="tabs-1"> <div id = 'hide'><input type='hidden' id='modelid'> <label for='model'>Model</label><br> <input id='model' type='text' name='model' tabindex=2 /> <input type='hidden' id='input'><br> <label for='man'>Manufacturer</label><br> <select id='man' name='manufacturerid' tabindex=3> <option value='' selected > Select Manufacturer</option> <?php $sql = "SELECT manufacturerid,`code`,`name` AS manufacturer FROM manufacturer ORDER BY manufacturer;"; $manufacturerResult = mysql_query($sql); while ($record = mysql_fetch_array($manufacturerResult)) { echo "<option value='".$record['manufacturerid']."'>".$record['manufacturer']."</option>"; } ?> </select><br> <label for='itemtype'>Inventory Type</label><br> <select id='itemtype' name='inventorytypeid' tabindex=4> <option value='' selected > Select Part Type</option> <?php $sql = "SELECT inventorytypeid,`name` AS inventorytype FROM inventorytype WHERE active = 'True' ORDER BY inventorytype;"; $inventorytypeResult = mysql_query($sql); while ($record = mysql_fetch_array($inventorytypeResult)) { echo "<option value='".$record['inventorytypeid']."'>".$record['inventorytype']."</option>"; } ?> </select><br> <input id='active' type='checkbox' name='activate' tabindex=5 /> <label for='active'>Active</label> </div> </div> 未被放置在正确的位置。这些div应该出现在我突出显示的部分中，包含在select元素周围。相反，他们在这下面出现了几行，我用红色勾勒出来。有谁知道为什么会这样，或者我做错了什么？

这是html代码：

$("#tabs").tabs();
$( "#search, #update, #add, #back" ).button();
$('select').selectmenu();

这是javascript：

{{1}}

我还想补充说明标签和按钮正确显示;唯一不起作用的是selectmenu。

最后，这是图像：

Answer 1

我意识到我的问题：我最近从JQuery UI 1.10切换到1.11，但忘记将我的css主题更新为1.11。