Autocomplete JQuery UI montrant que les balles

Question

La page JQuery UI Demo pour autocomplete (lien ) a une jolie boîte de recherche et déroulant avec de belles couleurs et les faits saillants et tel. Quand je mets en œuvre pour moi-même, je me retrouve avec une liste à puces. Comment puis-je obtenir ma liste déroulante de suggestions pour ressembler à la leur?

Quelques notes / fragments de code:

• Je travaille dans la terre .NET, donc je suis en utilisant la balise <asp:ScriptManager> avec <asp:ScriptReference>s à l'intérieur pour obtenir les jquery.min.js hébergés (1.4.2) et jquery-ui.min.js (1.8.1 ) les fichiers de Google.
• Ma boîte d'entrée est assez simple: <div class='ui-widget'> <label for="terms">Term: </label> <input id="terms" class="ui-autocomplete-input"> </div>
• Mes regards autocomplete comme: $(""#terms"").autocomplete({source:""GetAttributesJSON.aspx"",minLength:2});

je reçois les données correctes de retour, de sorte que ce ne est pas question. Je veux juste graphiques de fantaisie. Toute pensée serait très apprécié.

Answer 1

Karim79 et Zack vous a dit besoin de style de la liste. Vous pouvez créer votre propre thème et le télécharger. Pour plus d'informations peuvent être trouvées . En option, vous pouvez utiliser l'un des nombreux thèmes pré-construits et l'inclure dans votre document à la place. Rendez-vous dans le Jquery Télécharger et sélectionnez le thème que vous voulez.

Ensuite, il suffit d'inclure le fichier .css

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