將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是一個老問題。

A FIDDLE與複雜的CSS。

但相關CSS是：

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