Вопрос

Демо-страница 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" />   
Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top