将 jQuery UI Autcomplete 下拉菜单的位置降低 20 像素

Question

如何

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

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

解决方案建议（找到解决方案）：

$('#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

看到这个小提琴：小提琴

谢谢！

Answer 1

这是一个

老问题。

一个带有复杂 CSS 的小提琴。

但相关的 CSS 是：

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