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 问题是您jquery-ui在创建的 jsfiddle 演示中使用的是旧版本，它不支持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>