JQuery UI selectmenu not a function

Question

I'm trying to style an HTML select menu with JQuery UI; but it simply isn't working. Here is a JSFiddle. Below are stripped down examples of what I'm trying to accomplish.

Here's my HTML code:

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

Here's the JavaScript:

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

In Firefox "selectmenu" is reported as not a function...

jqueryui.com/selectmenu/#custom_render may help !

John
– John

2014-07-03 13:25:56 +00:00
Commented Jul 3, 2014 at 13:25 — John
– John, Commented Jul 3, 2014 at 13:25

Rahul Gupta · Accepted Answer · 2014-07-03 13:36:38Z

6

Updated FIDDLE The problem is that you are using older version of jquery-ui in jsfiddle demo you have created which does not have support for the selectmenu plugin.

so you have to add the latest version plugin files as shown below:

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

answered Jul 3, 2014 at 13:36

Rahul Gupta

10.2k7 gold badges66 silver badges69 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

JQuery UI selectmenu not a function

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related