Michael Michael - 4 months ago 41
Javascript Question

JQuery selectmenu() is not working

I've built a simple jsFiddle with jQuery UI .selectmenu()

It does not seem to work. Is there anything that I missed?

<select name="filter" id="id_filter_log">
<option value="" selected>-- Select Log Status --</option>
<option value="logged">Logged Visit</option>
<option value="login">Logged In</option>
<option value="enabled">Enabled</option>
<option value="disabled">Disabled</option>
</select>


$(document).ready(function () {
$("#id_filter_log").selectmenu();
});


View in JSFiddle

Answer
<link rel="stylesheet" type="text/css" href="http://jqueryui.com/resources/demos/style.css">
<link rel="stylesheet" type="text/css"  href="//code.jquery.com/ui/1.11.0/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.11.0/jquery-ui.js"></script>

html

<select name="filter" id="id_filter_log">
    <option value="" selected>-- Select Log Status --</option>
    <option value="logged">Logged Visit</option>
    <option value="login">Logged In</option>
    <option value="enabled">Enabled</option>
    <option value="disabled">Disabled</option>
</select>

js

$(document).ready(function () {
    $("#id_filter_log").selectmenu();
});

view in JSFIDDLE

Comments