JQuery UI Autocomplete (1.8) прокрутки

Question

У меня проблемы с настройкой модуля автозаполнения JQuery-UI. Мне нужно, чтобы, когда объем данных для выбора достаточно велик, появляется полоса прокрутки.

Вот что я попробовал:

• в jquery-ui-1.8.16.css Я установил это:

ui.autocomplete{
    max-height: 100px;
    overflow-y: auto;
    overflow-x: hidden;
}

* как показано в примере документации пользовательского интерфейса

Вот как я объявляю и автозаполнение ввода:

$("#myInput").autocomplete({
    source: mySource,
    minLength: 0,
});

Я не знаю, почему полоса прокрутки не появляется, любая помощь будет оценена. Большое спасибо!

Answer 1

Вы должны переопределить CSS, установив его на странице, как это

<style>
.ui-autocomplete {
    max-height: 100px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding to account for vertical scrollbar */
    padding-right: 20px;
}
/* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
 */
* html .ui-autocomplete {
    height: 100px;
}
</style>

вместо изменения значений в jquery-ui-1.8.16.css