JQuery UI completamento automatico che mostra come le pallottole

Question

La pagina JQuery UI Demo per il completamento automatico ( link ) ha una bella scatola di ricerca alla ricerca e discesa con bei colori e mette in evidenza e così via. Quando ho implementare per me, io alla fine con un elenco puntato. Come faccio ad avere la mia discesa di suggerimenti a guardare come il loro?

Alcune note / frammenti di codice:

• sto lavorando in terreni .NET, quindi sto utilizzando il tag <asp:ScriptManager> con <asp:ScriptReference>s al suo interno per ottenere i jquery.min.js ospitate (1.4.2) e jQuery-ui.min.js (1.8.1 ) file da Google.
• La mia casella di input è abbastanza semplice: <div class='ui-widget'> <label for="terms">Term: </label> <input id="terms" class="ui-autocomplete-input"> </div>
• I miei sguardi di completamento automatico come: $(""#terms"").autocomplete({source:""GetAttributesJSON.aspx"",minLength:2});

I ottenere i dati corretti di nuovo, così che non è il problema. Voglio solo fantasia grafica. Ogni pensiero sarebbe molto apprezzato.

Answer 1

Come Karim79 e Zack ha detto è necessario per lo stile della lista. È possibile creare il proprio tema e scaricarlo. Ulteriori informazioni possono essere trovate qui . Opzionalmente è possibile utilizzare uno dei numerosi temi predefiniti e includerlo nel documento, invece. Basta andare al Jquery Download Page e selezionare il tema che si desidera.

Poi basta includere il file css

<link type="text/css" href="http://yourwebsite.com/css/ui-lightness/jquery-ui-1.8.custom.css" rel="stylesheet" />