Кнопка со списком автозаполнения не отображается должным образом - PullRequest
Новая
       41

Кнопка со списком автозаполнения не отображается должным образом

0 голосов
/ 15 ноября 2018

Я пытаюсь заставить этот виджет работать в моем приложении - http://jqueryui.com/autocomplete/#combobox

Я только пытаюсь заставить пример работать как есть. Мне пришлось изменить инициализацию виджета кнопки, чтобы она соответствовала последней версии jQuery, но больше ничего не изменилось. Это часть, которую я удалил: 

.button({
    icons: {
        primary: "ui-icon-triangle-1-s"
    },
    text: false
})

Было заменено на: 

.button({
       icon: "ui-icon-triangle-1-s",
       showLabel: false
})

Я не понимаю, почему кнопка «Показать все» не видна. Он там, с шириной 0. При изменении ширины вручную значок кнопки не виден. Чего мне не хватает?

Вот скрипка: Автозаполнение Combobox

1 Ответ

0 голосов
/ 15 ноября 2018

Добавьте правильный CSS: 

https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css

И тогда введенный вами код будет работать: https://jsfiddle.net/Twisty/dL2uqwem/

Или в заголовке вашего кода: 

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
...