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文件

未捕獲的TypeError：對象[object Object]沒有方法'menu'
jquery.ui.autocomplete.js：185

我已經正確導入了js和CSS。 請分享您的建議

jQuery版本：1.8.2
jQuery UI版本：1.9.2

Answer 1

我不知道您是如何獲得jQuery UI腳本文件的，但是這些組件通常不包含在單獨的腳本中。

自動完成插件取決於Core ， Widget ， Position和Menu ，它們將定義menu插件。

我建議您使用整個腳本庫，例如

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

如果您堅持使用單獨的組件文件，盡管我不推薦這種方法，但您還需要Core ， Widget ， Position和Menu 。

您可以通過使用自己的實現（使用原型繼承）覆蓋它們的實現來自定義插件，但是我當然不會重寫源文件。