Die JQuery UI Demo-Seite für die automatische Vervollständigung ( Link ) hat ein gut aussehendes Suchfeld und Drop-Down mit schönen Farben und Highlights und so. Wenn ich es für mich selbst umsetze, habe ich eine Liste mit Aufzählungszeichen. Wie bekomme ich meine Drop-Down-Vorschläge, um wie ihre aussehen?
Einige Anmerkungen / Codefragmente:
<asp:ScriptManager> -Tag mit <asp:ScriptReference> s, um das gehostete jquery.min.js (1.4.2) und jquery-ui.min zu bekommen. js (1.8.1) Dateien von Google. <div class='ui-widget'>
<label for="terms">Term: </label>
<input id="terms" class="ui-autocomplete-input">
</div>
Ich bekomme die richtigen Daten zurück, also ist das nicht das Problem. Ich will nur ausgefallene Grafiken. Irgendwelche Gedanken würden sehr geschätzt werden.
Wie Karim79 und Zack erwähnt haben, müssen Sie die Liste stylen. Sie können Ihr eigenes Thema erstellen und herunterladen. Weitere Informationen finden Sie hier . Optional können Sie eines der vielen vordefinierten Designs verwenden und es stattdessen in Ihr Dokument einfügen. Rufen Sie einfach die Jquery-Download-Seite auf und wählen Sie das gewünschte Thema aus.
Fügen Sie dann einfach die .css-Datei
ein %Vor%Tags und Links jquery jquery-ui jquery-ui-autocomplete