jQuery UI自动完成奇怪的行为

Question

以下是我的代码：

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

从Docs开始，默认行为是匹配项的 dropdown 。但对我而言，它显示为

截图：

  

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

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

更新：

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

Answer 1

根据SO {/ p>上的answer来试试这个

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

Answer 2

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

修改上述.css中的ui-autocomplete并在其中添加z-index = 4000。你的下拉列表应该可以正常工作。

Answer 3

安东是对的。

另请注意我认为从首都开始使用一些id不是最佳做法：）

$("#city")

在小提琴上使用此example。

Answer 4

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

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

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