javascript - 将 jQuery UI 自动完成下拉菜单的位置降低 20 像素

Question

如何调整 UI 自动完成下拉菜单的位置以降低 20 像素？

我找到了一种使用 position() 方法的解决方案。

解决方案建议(找到 Solution ):

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

为我的情况量身定制的是:

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

但是这对我没有任何作用。

我也没有看到 jquery UI 文档中针对位置方法提到的偏移量: http://api.jqueryui.com/autocomplete/#option-position

使用jquery-ui-1.10.3

请看这个 fiddle :<强> FIDDLE

谢谢!

Answer 1

THIS这是一个老问题。

A FIDDLE使用复杂的 CSS。

但是相关的 CSS 是:

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