Положение JQuery UI Selectmenu

Я использовал ниже скрипт selectmenu для инициализации selectmenu.

$("#year").selectmenu({style:'dropdown',maxHeight:400});

HTML код:

<select name="year" class="bubble year" id="year">
        <option value="">Year</option>
                <option value="">2000</option>
                <option value="">2001</option>
</select>

UI Selectmenu генерируется размещается в нижней части HTML. Это хорошо в соответствии с требованием, но это сгенерированное selectmenu не видно на странице из-за стиля ниже, примененного к автоматически сгенерированному Div.

element.style {
        left: -1052.5px;
        position: relative;
        top: -2206.05px;
        z-index: 1;
}

Выше стиль был применен к классу .ui-selectmenu-menu, Итак, из-за left & top Позиционирование, выпадающий пользовательский интерфейс не отображается на странице.

Мой вопрос о позиционировании. Как генерируется вышеуказанный стиль?

Источник

1 ответ

Какую версию Selectmenu вы используете? Рабочий пример или jsFiddle?

В последних версиях positioniong выполняется плагином jQuery UI Position. В более ранних (устаревших) версиях используется встроенная функциональность.

Вы включаете все необходимые файлы и CSS?

Источник
Другие вопросы по тегам