javascript - jQuery UI - 自动完成错误

Question

我正在使用 jquery.ui.autocomplete 和 datepicker 在我的网页中实现。
作为单独的文件

• jquery.ui.datePicker.js
• jquery.ui.autocomplete.js

用下面的简单代码

var availableTags = ["ActionScript", "AppleScript", "Asp", "BASIC", "C", "C++",
"Clojure", "COBOL", "ColdFusion", "Erlang", "Fortran", "Groovy", "Haskell",
"Java", "JavaScript", "Lisp", "Perl", "PHP", "Python", "Ruby", "Scala", "Scheme"];

$("#City").autocomplete({
        source: availableTags
});

但是我无法让它按预期在网页中运行，而 datepicker 运行良好。 抱歉，我无法在 jsfiddle 中重现此行为。

控制台错误:指向 jquery.ui.autocomplete.js 文件

Uncaught TypeError: Object [object Object] has no method 'menu'
jquery.ui.autocomplete.js:185

我已经正确导入了 js 和 css。请分享您的建议

jQuery version: 1.8.2
jQuery UI version: 1.9.2

Answer 1

我不知道你是如何获得你的 jQuery UI 脚本文件的，但这些组件通常不会出现在单独的脚本中。

Autocomplete 插件依赖于 Core、Widget、Position 和 Menu这将定义 menu 插件。

我建议你使用整个脚本库，eg

<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script>

如果您坚持使用单独的组件文件，您还需要Core、Widget、Position 和Menu 虽然我不推荐这种方法。

如果必须的话，您可以通过用自己的实现(使用原型(prototype)继承)覆盖它们的实现来自定义插件，但我当然不会重写源文件。