JQuery UI Autocomplete显示为子弹

Question

自动完成(链接)的JQuery UI Demo页面有一个漂亮的搜索框,下拉有漂亮的颜色和高光等.当我为自己实现它时,我最终会得到一个项目符号列表.如何让我的建议看起来像他们的？

一些注释/代码片段:

• 我在.NET领域工作,所以我在其中使用<asp:ScriptManager>带有<asp:ScriptReference>s 的标签来获取来自Google的托管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所提到的,你需要设置列表的样式.您可以创建自己的主题并下载它.更多信息可以在这里找到.您可以选择使用许多预先构建的主题之一,并将其​​包含在文档中.只需前往Jquery下载页面并选择您想要的主题.

然后只包含.css文件

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