JQuery selectmenu() 不起作用

Question

我用 jQuery UI 构建了一个简单的 jsFiddle .selectmenu()

这似乎不起作用。有什么我错过的吗？

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

<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