JQuery UI 自动完成显示为项目符号

Question

用于自动完成的 JQuery UI 演示页面 ( link ) 有一个漂亮的搜索框和带有漂亮颜色和突出显示等的下拉菜单。当我自己实现它时，我最终得到了一个项目符号列表。如何让我的建议下拉列表看起来像他们的？

一些注释/代码片段:

• 我在 .NET 领域工作，所以我使用 <asp:ScriptManager>标记为 <asp:ScriptReference>在其中获取托管的 jquery.min.js (1.4.2) 和 jquery-ui.min.js (1.8.1) 文件。
• 我的输入框相当简单: <div class='ui-widget'>
<label for="terms">Term: </label>
<input id="terms" class="ui-autocomplete-input">
</div>
• 我的自动完成功能如下:$(""#terms"").autocomplete({source:""GetAttributesJSON.aspx"",minLength:2});

我得到了正确的数据，所以这不是问题。我只想要精美的图形。任何想法将不胜感激。

Answer 1

正如 Karim79 和 Zack 提到的，您需要设置列表的样式。您可以创建自己的主题并下载。更多信息可参见here 。您也可以选择使用众多预构建主题之一并将其包含在文档中。只需前往 Jquery Download Page并选择您想要的主题。

然后只需包含 .css 文件

<link type="text/css" href="http://yourwebsite.com/css/ui-lightness/jquery-ui-1.8.custom.css" rel="stylesheet" />