Продовжуємо розробку плагіна «wp-post-autocomplete». У сьогоднішній статті ми підключимо стилі, js-файл і бібліотеку autocomplete з фреймворку jQuery (який за замовчуванням іде разом з ядром WordPress).
jQuery UI
Фреймворк jQuery має у своєму арсеналі компонент Autocomplete. Він відображає підказки (варіанти введення) безпосередньо під полем введення тексту під час його набору. Аналог автокомпліту як у пошукових системах Google або Яндекс.
У одному з проєктів виникла задача відобразити повний список доступних варіантів вибору при кліку на кнопку.
Пропоную детальніше розглянути розв’язання цієї задачі. І перше, що нам потрібно зробити — це підключити всі необхідні скрипти та бібліотеки:
<link rel="stylesheet" href="../bower_components/jquery-ui/themes/base/all.css"> <script src="../bower_components/jquery/dist/jquery.min.js"></script> <script src="../bower_components/jquery-ui/jquery-ui.min.js"></script>