jquery UI弾丸としてのオートコンプリート
-
02-10-2019 - |
質問
AutoComplete用のjQuery UIデモページ(リンク)見栄えの良い検索ボックスがあり、素敵な色やハイライトなどでドロップダウンします。自分で実装すると、弾丸のリストになります。提案のドロップダウンを自分のもののように見せるにはどうすればよいですか?
いくつかのメモ/コードフラグメント:
- 私は.NETランドで働いているので、私は
<asp:ScriptManager>
でタグ<asp:ScriptReference>
その中には、Googleからホストされたjquery.min.js(1.4.2)およびjquery-ui.min.js(1.8.1)ファイルを取得します。 - 私の入力ボックスはかなり簡単です:
<div class='ui-widget'> <label for="terms">Term: </label> <input id="terms" class="ui-autocomplete-input"> </div>
- 私のオートコンプリートは次のように見えます:
$(""#terms"").autocomplete({source:""GetAttributesJSON.aspx"",minLength:2});
正しいデータを取り戻すので、それは問題ではありません。派手なグラフィックスが欲しいだけです。どんな考えも大歓迎です。
解決
Karim79とZackが述べたように、リストをスタイリングする必要があります。独自のテーマを作成してダウンロードできます。詳細については、見つけることができます ここ. 。オプションで、多くの事前に構築されたテーマのいずれかを使用して、代わりにドキュメントに含めることができます。に向かってください jQueryダウンロードページ そして、あなたが望むテーマを選択します。
次に、.cssファイルを含めるだけです
<link type="text/css" href="http://yourwebsite.com/css/ui-lightness/jquery-ui-1.8.custom.css" rel="stylesheet" />
所属していません StackOverflow