javascript - 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 中，“selectmenu”被报告为不是函数...

Answer 1

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

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

<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>