JQuery UI Autocomplete显示为子弹

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

一些注释/代码片段:

>我在.NET领域工作,所以我正在使用< asp:ScriptManager>在其中标记< asp:ScriptReference>以从Google获取托管的jquery.min.js(1.4.2)和jquery-ui.min.js(1.8.1)文件.
>我的输入框非常简单:
< div class ='ui-widget'>
< label for =“terms”>术语:< / label>
< input id =“terms”class =“ui-autocomplete-input”>
< / DIV>
>我的自动完成看起来像:$(“”#terms“”).autocomplete({source:“”GetAttributesJSON.aspx“”,minLength:2});

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

解决方法

正如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" />

相关文章

jQuery插件的种类 1、封装对象方法 这种插件是将对象方法封装起来,用于对通过选择器获取的jQuery对象进...
扩展jQuery插件和方法的作用是非常强大的,它可以节省大量开发时间。 入门 编写一个jQuery插件开始于给...
最近项目中需要实现3D图片层叠旋转木马切换的效果,于是用到了jquery.roundabout.js。 兼容性如图: ht...
一、什么是deferred对象? 开发网站的过程中,我们经常遇到某些耗时很长的javascript操作。其中,既有异...
AMD 模块 AMD(异步模块定义,Asynchronous Module Definition)格式总体的目标是为现在的开发者提供一...