自动完成风格答案

【问题标题】：autocomplete style自动完成风格
【发布时间】：2023-03-06 11:51:01
【问题描述】：

我有一个自动完成输入，但是当我提示某些内容时，图例显示

“...结果可用”

显示在输入附近，因此页面看起来很糟糕:(。对于我可以设置的任意数量的像素，如何将此图例向右移动？

这是一段代码：

$("#myAutocomplete").autocomplete
    ({ 
        source: res,
        position: {  my: "left+250 top" },
        minLength: 1
    });

文档似乎没有答案:(

这里是 res 对象（例如）：

var res = [
            "ActionScript",
            "AppleScript",
            "Asp",
            "BASIC",
            "C",
            "C++",
            "Clojure",
            "COBOL",
            "ColdFusion",
            "Erlang",
            "Fortran",
            "Groovy",
            "Haskell",
            "Java",
            "JavaScript",
            "Lisp",
            "Perl",
            "PHP",
            "Python",
            "Ruby",
            "Scala",
            "Scheme"
        ];

【问题讨论】：

您使用的是哪个 CSS？ jQuery默认？或者它甚至不包括在内，这就是它显示的原因？
我包含了这样的文件：<script src="/js/jquery-ui-1.9.0.custom.min.js"/>", <script src="/js/jquery.js"/>"
是的，那是 JS，你也包括他们的 css 文件吗？
这是我确定的唯一原因 :) 也添加 jquery CSS 文件
看你答案中的评论

标签： javascript jquery jquery-ui jquery-plugins autocomplete

【解决方案1】：

添加这个

<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" />

【讨论】：

是的，它现在看起来不一样了，但我需要图例，它在右边，上面写着“n 个结果可用”
你能创造一个小提琴，我们可以看到吗？
只是不包含 css，你会得到相同的结果 :) 小提琴会花费太多时间
我有客户端-服务器应用程序，所以显示结果确实需要太多时间。但不包括 css 将给出与我现在相同的结果
好的，您能否粘贴包含 javascript 对象“res”的代码，以便我可以检查与您的代码相同的场景。因为您的代码提到“res”作为自动完成的数据源