jQuery автозаполнение: переместить позицию в списке?

Question

Мне интересно, можно ли мне переместить выпадающий список вниз на 4 пикселя?

Я пробовал несколько стилей в .ui-autocomplete {}.

, включая:

margin-top: 4px;
top: 4px

но, похоже, не работает?

Answer 1

Принятый ответ больше не действителен , поскольку опция offset устарела в jQuery UI v1.9 и полностью удалена в v1.10 :

Параметр offset устарел, а смещения объединены с параметрами my и at. Форма для позиции теперь является именованной позицией, за которой, возможно, следует плюс или минус, а затем смещение. Кроме того, смещения теперь поддерживают проценты (см. Выше). Вам следует заменить все варианты использования offset на смещения, помещенные в опции my и / или at.

Теперь вы должны написать:

$(".my-autocomplete-field").autocomplete({
    position: {
        my: "left+0 top+4",
    }
});

Answer 2

Вот что свойство offset опции position предназначено для:

$('#myField').autocomplete({
    source: …,
    position: {
        offset: '0 4' // Shift 0px left, 4px down.
    }
});

Answer 3

Попробуйте

.ui-autocomplete {
     margin-top: 20px !important;
     top: 0px !important;
}

Или попробуйте

.ui-autocomplete {
     margin-top: 20px !important;
     top: auto !important;
}

Посмотреть демо:

• http://www.jsfiddle.net/xvVKW/1/
• http://www.jsfiddle.net/xvVKW/3/

Answer 4

Не могу сказать, что у меня в голове, но это зависит от того, что такое существующий css ...

Если позиция абсолютная, тогда поле не повлияет на поле ... Что вы могли быdo получить полученный div $ ('. ui-autocomplete'), затем добавить 4px к позиции элемента.

Это будет либо:

$('.ui-autocomplete').css('bottom') или $('.ui-autocomplete').css('top')

Получите значения обоих из них и измените их, посмотрите, что произойдет:)