重新定位 Jquery UI 自动完成结果框

我正在使用 Jquery UI 自动完成插件作为直接的搜索词建议工具。它已启动并运行，没有任何问题，只是我无法移动结果框。我基本上需要将其向左移动 20 像素，向下移动 4 像素。我尝试覆盖 Jquery UI CSS，但无法重新定位该框。

如果有对此问题有经验的人提供帮助，我们将不胜感激。

这是您可以做到的一种方法，利用open事件并在该事件发生时更改菜单的位置：

$("#autocomplete").autocomplete({
    appendTo: "#results",
    open: function() {
        var position = $("#results").position(),
            left = position.left, top = position.top;

        $("#results > ul").css({left: left + 20 + "px",
                                top: top + 4 + "px" });

    }
});

我也在使用appendTo选项来找到ul轻松包含菜单。不过，如果没有这个选项，你也可以做到这一点。

这是一个工作示例：http://jsfiddle.net/9QmPr/ http://jsfiddle.net/9QmPr/