JQuery UI Автозаполнение отображается в виде маркеров - PullRequest
8 голосов
/ 01 мая 2010

Демонстрационная страница JQuery UI для автозаполнения ( ссылка ) имеет красивое окно поиска и выпадающее меню с красивыми цветами и бликами и тому подобным. Когда я реализую это для себя, я получаю маркированный список. Как мне получить список предложений, чтобы они выглядели как их?

Несколько заметок / фрагментов кода:

  • Я работаю в .NET land, поэтому я использую тег <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});

Я вернул правильные данные, так что проблема не в этом. Я просто хочу модную графику. Любые мысли будут высоко ценится.

1 Ответ

10 голосов
/ 01 мая 2010

Как упоминали Карим79 и Зак, вам нужно оформить список. Вы можете создать свою собственную тему и скачать ее. Дополнительную информацию можно найти здесь . При желании вы можете использовать одну из множества готовых тем и включить ее в свой документ. Просто зайдите на страницу Jquery Download и выберите нужную тему.

Тогда просто включите файл .css

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