以下是我的代码：

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


在Google文档中，默认行为是dropdown匹配项。但对我来说，它显示的是

屏幕截图：



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




抱歉，我无法在jsfiddle中重现此行为。使用向上和向下箭头键可以完成导航。我不希望这样，如何恢复为默认下拉菜单？请分享您的建议。

更新：

通过@Anton参考，我能够删除验证消息，但是dropdown没有显示。但是我可以使用向上/向下箭头键进行导航。有任何反馈吗？

评论

在这里找到可以解决问题的内容stackoverflow.com/questions/13011127/…
尝试将其包含在$（function（）{}

#1 楼

在SO上根据此答案尝试执行此操作

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


评论

+1谢谢，这有助于删除验证消息，但是下拉菜单仍不仅仅显示使用向上/向下键的导航。有什么想法吗？

–普拉文
2013年9月11日7:27


@ user1671639我不确定，但是我一直在逛逛，这可能是z-index问题，请尝试使用ul.ui-autocomplete.ui-menu {z-index：1000; }

–安东
2013年9月11日7:42

#2 楼

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

在上面的.css中编辑ui-autocomplete并在其中添加z-index = 4000。您的下拉菜单应该可以正常运行。

#3 楼

安东是对的。

另外请注意，我认为使用一些以大写字母开头的id并不是最佳做法：) 

$("#city")


使用此方法小提琴上的例子。

#4 楼

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

<link rel="stylesheet" href="jquery-ui/themes/base/jquery-ui.min.css" />


忘记了在包含jquery-ui javascript之后执行此操作源文件jquery-ui.min.js。