Jquery ui автозаполнение показывая как пули
-
02-10-2019 - |
Вопрос
Демо-страница JQuery UI для автозаполнения (связь) Хорошая ищетная поисковая коробка и выпадает с красивыми цветами и основными моментами и такими. Когда я реализую это для себя, я в конечном итоге с маркированным списком. Как мне снизить свои предложения, чтобы выглядеть как их?
Несколько нот / фрагменты кода:
- Я работаю в .NET Land, поэтому я использую
<asp:ScriptManager>
тег с<asp:ScriptReference>
s Внутри его, чтобы получить размещенную 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});
Я получаю правильные данные обратно, так что это не проблема. Я просто хочу причудливую графику. Любые мысли будут высоко оценены.
Решение
Как упомянул Karim79 и Zack, вам нужно стилить список. Вы можете создать свою собственную тему и загрузить его. Дополнительная информация может быть найдена здесь. Отказ Необязательно вы можете использовать одну из множества предварительно построенных тем и вместо этого включите его в свой документ. Просто отправляйтесь в Страница загрузки jQuery и выберите тему, которую вы хотите.
Тогда просто включите файл .css
<link type="text/css" href="http://yourwebsite.com/css/ui-lightness/jquery-ui-1.8.custom.css" rel="stylesheet" />