Плагин при инициализации создает дополнительные HTML-элементы:

До инициализации
<input type="text" id="suggestions"/> 
Инициализируем плагин
$('#suggestions').suggestions({ ... });
После инициализации
<input type="text" id="suggestions" class="suggestions-input" />
<div class="suggestions-wrapper">
    <div class="suggestions-suggestions">
        <div class="suggestions-hint">Выберите вариант ниже или продолжите ввод</div>
        <div class="suggestions-suggestion suggestions-selected">...</div>
        <div class="suggestions-suggestion">...</div>
        <div class="suggestions-suggestion">...</div>
    </div>
    <i class="suggestions-preloader"></i>
    <ul class="suggestions-constraints"></ul>
</div>

Внешний вид элементов настраивается CSS-классами.

  • No labels