Thursday, May 23, 2024
 Popular · Latest · Hot · Upcoming
96
rated 0 times [  97] [ 1]  / answers: 1 / hits: 15033  / 10 Years ago, thu, july 3, 2014, 12:00:00

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


More From » jquery-ui

 Answers
2

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>

[#44141] Wednesday, July 2, 2014, 10 Years  [reply] [flag answer]
Only authorized users can answer the question. Please sign in first, or register a free account.
renag

Total Points: 22
Total Questions: 97
Total Answers: 95

Location: Albania
Member since Sun, Nov 22, 2020
4 Years ago
renag questions
Wed, Sep 1, 21, 00:00, 3 Years ago
Thu, Nov 19, 20, 00:00, 4 Years ago
Wed, Nov 6, 19, 00:00, 5 Years ago
Sat, Aug 3, 19, 00:00, 5 Years ago
;