JQuery UI 选择菜单不是一个功能

Question

我正在尝试使用 JQuery UI 设置 HTML 选择菜单的样式；但它根本行不通。这是JSFiddle。 以下是我正在尝试完成的精简示例。

这是我的 HTML 代码：

<form action="#">
    <fieldset>
        <label for="parameterSelectMenu">Select a Parameter</label>
        <select name="parameterSelectMenu" id="parameterSelectMenu">
            <option value="volvo">Temperature Actual</option>
        </select>
    </fieldset>
</form>
<!-- A button to show JQuery is working... -->
<button id="clicker">A button element</button>

这是 JavaScript：

$("#clicker").button();
$("#parameterSelectMenu").selectmenu();

在 Firefox 中，“选择菜单”被报告为不是一个功能...

Answer 1

更新FIDDLE 问题是您在创建的 jsfiddle 演示中使用的是旧版本的 jquery-ui，它不支持 selectmenu plugin。

所以你必须添加最新版本的插件文件，如下所示：

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.0/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.0/jquery-ui.js"></script>