8
La página de demostración de IU de JQuery para autocompletar (link) tiene un cuadro de búsqueda atractivo y desplegable con bonitos colores y realces y tal. Cuando lo implemento por mí mismo, termino con una lista con viñetas. ¿Cómo hago para que mi lista desplegable de sugerencias se parezca a la de ellos?JQuery UI Autocompletar mostrando como viñetas
ALGUNAS NOTAS/fragmentos de código:
- que estoy trabajando en la tierra .NET, así que estoy usando la etiqueta
<asp:ScriptManager>con<asp:ScriptReference>s dentro de ella para obtener los jquery.min.js alojados (1,4 .2) y jquery-ui.min.js (1.8.1) archivos de Google. - Mi cuadro de entrada es bastante simple:
<div class='ui-widget'> <label for="terms">Term: </label> <input id="terms" class="ui-autocomplete-input"> </div> - Mi autocompletar se parece a:
$(""#terms"").autocomplete({source:""GetAttributesJSON.aspx"",minLength:2});
consigo los datos correctos hacia atrás, de manera que no es la cuestión. Solo quiero gráficos sofisticados. Cualquier pensamiento sería muy apreciado.
¿También tienen enlaces a los archivos CSS jQuery UI? – Zack
@awshepard: crea un tema e inclúyelo: http://jqueryui.com/themeroller/ y resuelve el problema. Aparecen como viñetas porque sin el UI CSS se ven como los LI típicos. – karim79