【发布时间】:2010-04-30 22:43:22
【问题描述】:
用于自动完成的 JQuery UI 演示页面 (link) 有一个漂亮的搜索框和下拉菜单,其中包含漂亮的颜色和高亮等。当我为自己实现它时,我最终得到了一个项目符号列表。如何让我的建议下拉菜单看起来像他们的?
一些注释/代码片段:
- 我在 .NET 领域工作,所以我使用
<asp:ScriptManager>标签和其中的<asp:ScriptReference>s 来获取托管的 jquery.min.js (1.4.2) 和 jquery-ui.min。来自 Google 的 Node.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});
我得到了正确的数据,所以这不是问题。我只想要精美的图形。任何想法将不胜感激。
【问题讨论】:
-
您是否还链接到 jQuery UI CSS 文件?
-
@awshepard - 建立一个主题,并包含它:jqueryui.com/themeroller 并解决了问题。它们显示为项目符号,因为没有 UI CSS,它们看起来像典型的 LI
标签: jquery jquery-ui jquery-ui-autocomplete