JQuery UI autocompletar mostrando como las balas
-
02-10-2019 - |
Pregunta
La página jQuery UI Demo para autocompletar ( enlace ) tiene un aspecto agradable cuadro de búsqueda y desplegable con colores y luces agradables y tal. Cuando implemente por mí mismo, termino con una lista con viñetas. ¿Cómo hago para que mi menú desplegable de sugerencias para parecerse a la de ellos?
algunas notas / fragmentos de código:
- 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>
- Mis autocompletar se parece a:
$(""#terms"").autocomplete({source:""GetAttributesJSON.aspx"",minLength:2});
Me da la información corregida, de modo que no es el problema. Sólo quiero gráficos de lujo. Cualquier idea sería muy apreciada.
Solución
Como Karim79 y Zack ha mencionado que necesita para el estilo de la lista. Usted puede crear su propio tema y descargarlo. Más información se puede encontrar aquí . Opcionalmente se puede utilizar uno de los muchos temas pre-construidos e incluirlo en su documento en su lugar. Sólo la cabeza a la Jquery Página de descarga y seleccione el tema que desee.
A continuación, basta con incluir el archivo .css
<link type="text/css" href="http://yourwebsite.com/css/ui-lightness/jquery-ui-1.8.custom.css" rel="stylesheet" />