将 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

谢谢！

Answer 1

THIS 是个老问题了。

具有复杂 CSS 的 FIDDLE。

但相关的 CSS 是：

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