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未显示 。 但我可以使用向上/向下箭头键进行导航。 对此有何反馈?

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

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

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

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

安东是对的。

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

 $("#city") 

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

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

  

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