Изменить позицию автозаполнения пользовательского интерфейса jQuery - всплывающее, а не нижнее

Question

Я помещаю поле автозаполнения внизу моей страницы, и мне бы хотелось, чтобы результаты отображались над текстовым полем, а не ниже. Как я могу это сделать?

Answer 1

Поместив ответ @ mvonlintel по-другому, установите позицию меню предложений в объявлении виджета:

$('selector').autocomplete(
{
    position: { my: "left bottom", at: "left top", collision: "flip" },
    .
    .
});

Answer 2

Вы можете использовать jQuery UI Положение утилиты . Вот пример:

$(".ui-autocomplete").position({
    my: "left bottom",
    at: "left top",
    of: $("#quick_add"),
    collision: "flip flip"
});

Answer 3

Похоже, я уже смог ответить на свой вопрос.Я открыт для лучшего решения, если кто-то получил его.Я добавил это к запуску автозаполнения .. по сути, он перемещает окно при открытии на новое смещение.

Answer 4

текущая версия пользовательского интерфейса jQuery позволяет предоставить виджету автозаполнения объект позиции с параметрами, имеющими те же свойства, что и виджет «Положение», упомянутый выше.так что вы можете использовать это для позиционирования списка предложений, как вам нравится.