【问题标题】:JQuery UI Autocomplete showing as bulletsJQuery UI 自动完成显示为项目符号
【发布时间】: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


【解决方案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" />   

【讨论】:

  • 是的,问题来了。谢谢!
猜你喜欢
  • 1970-01-01
  • 2012-06-12
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多