JQuery UI selectmenu不是一个函数

时间:2014-07-03 13:11:29

标签: javascript jquery html jquery-ui jquery-ui-selectmenu

我正在尝试使用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”被报告为不是函数...

1 个答案:

答案 0 :(得分:5)

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