4

以下是我的代码：

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

4

4 回答 4

5

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

$("#City").autocomplete({
    source: availableTags,
    messages: {
        noResults: '',
        results: function() {}
    }
});
于 2013-09-11T07:20:01.990 回答
2

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

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

于 2014-02-13T08:39:45.900 回答
0

安东是对的。

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

$("#city")

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

于 2013-09-11T07:24:46.293 回答
0

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

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

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

于 2016-07-01T12:20:55.093 回答