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