8

オートコンプリート用の JQuery UI デモ ページ (リンク) には、見栄えの良い検索ボックスと、見栄えの良い色とハイライトなどを備えたドロップダウンがあります。自分で実装すると、箇条書きのリストになります。提案のドロップダウンを彼らのように見せるにはどうすればよいですか?

いくつかのメモ/コードの断片:

  • 私は .NET ランドで作業しているので、s を<asp:ScriptManager>含むタグを使用し<asp:ScriptReference>て、ホストされている jquery.min.js (1.4.2) および jquery-ui.min.js (1.8.1) ファイルを Google から取得しています。 .
  • 私の入力ボックスはかなり単純です: <div class='ui-widget'> <label for="terms">Term: </label> <input id="terms" class="ui-autocomplete-input"> </div>
  • 私のオートコンプリートは次のようになります。$(""#terms"").autocomplete({source:""GetAttributesJSON.aspx"",minLength:2});

正しいデータが返されるので、それは問題ではありません。派手なグラフィックが欲しいだけです。どんな考えでも大歓迎です。

4

1 に答える 1

10

Karim79とZackが述べたように、リストのスタイルを設定する必要があります。独自のテーマを作成してダウンロードできます。詳細については、こちらをご覧ください。オプションで、事前に作成された多くのテーマの1つを使用して、代わりにドキュメントに含めることができます。Jqueryダウンロードページに移動して、必要なテーマを選択するだけです。

次に、.cssファイルを含めるだけです

<link type="text/css" href="http://yourwebsite.com/css/ui-lightness/jquery-ui-1.8.custom.css" rel="stylesheet" />
于 2010-05-01T15:53:53.427 に答える