JQuery选择菜单返回错误Uncaught TypeError: undefined is not a function

Question

HTML：

<form action="#">
    <fieldset>
        <label>Escolha:</label>
        <select id="horizonte">
            <option value=1>1 Mês</option>
            <option value=2>2 Meses</option>
            <option value=3 selected="selected">3 Meses</option>
            <option value=6>6 Meses</option>
        </select>
    </fieldset>
</form>

JS：

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

为什么选择菜单没有正确初始化？请参见JSFiddle。

- user882670

---

.selectmenu() 似乎来自于一个未包含在你的 fiddle 中的插件。它不是 jQuery 的本地函数。 - j08691

selectmenu()是什么？你在使用插件吗？ - Umair Hamid

我正在尝试按照http://jqueryui.com/selectmenu/上的第一个示例进行操作。 - user882670

他已经选中了jQuery UI，但我以前从未使用过，所以不确定是什么。 - Huangism

我正在使用 JQuery 和 JQuery UI。 - user882670

在 jsfiddle 中，我得到了 "$("#horizonte")" 是 null，可能是 undefined。 - Sundar Rajan

Answer 1

根据API文档，Selectmenu小部件直到1.11版本才被添加。

新增版本：1.11

请至少包含 jQuery UI 1.11版本。

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

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
<form action="#">
  <fieldset>
    <label>Escolha:</label>
    <select id="horizonte">
      <option value=1>1 Mês</option>
      <option value=2>2 Meses</option>
      <option value=3 selected="selected">3 Meses</option>
      <option value=6>6 Meses</option>
    </select>
  </fieldset>
</form>

- Patrick Evans

---

你比我快了。这是一个使用jQuery UI CDN 1.11的小把戏，我正在上面工作：http://jsfiddle.net/edwardcoyle86/z69ouswy/4/ - Edward Coyle Jr.