jQuery UI自动完成奇怪的行为

以下是我的代码：

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 }); 

从文档中 ，默认行为是匹配项的dropdown 。 但对我而言，它表现得像

截图：

有10个结果可用，使用向上和向下箭头键进行导航。

抱歉，我无法在jsfiddle中重现此行为。 使用向上和向下箭头键完成导航。 我不想要这个，我怎么能恢复到默认下拉列表？ 请分享您的建议。

更新：

使用@Anton引用，我能够删除validation消息，但dropdown未显示 。 但我可以使用向上/向下箭头键进行导航。 对此有何反馈？

Answer 1

根据这个答案在SO上试试这个

 $("#City").autocomplete({ source: availableTags, messages: { noResults: '', results: function() {} } }); 

Answer 2

您必须在项目文件夹中添加jquery-ui.css并将其链接。

编辑上面.css中的ui-autocomplete并将z-index = 4000添加到其中。 你的下拉列表应该可以正常工作

Answer 3

安东是对的。

另请注意我认为使用一些以大写字母开头的id不是最好的做法:)

 $("#city") 

在小提琴上使用这个例子 。

Answer 4

我遇到了同样的问题，通过为jquery.ui包含默认的css样式文件，用烦人的工具提示来解决它。

在包含jquery-ui javascript源文件jquery-ui.min.js后忘了这样做。