8

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

一些注释/代码片段:

  • 我在 .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});

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

4

1 回答 1

10

正如 Karim79 和 Zack 所提到的,您需要对列表进行样式设置。您可以创建自己的主题并下载它。更多信息可以在这里找到。或者,您可以使用许多预先构建的主题之一并将其包含在您的文档中。只需前往Jquery 下载页面并选择您想要的主题。

然后只需包含 .css 文件

<link type="text/css" href="http://yourwebsite.com/css/ui-lightness/jquery-ui-1.8.custom.css" rel="stylesheet" />   
于 2010-05-01T15:53:53.427 回答