JQuery UI自动完成位置

Question

我想正确定位我的自动完成（菜单）与浏览器窗口的关系。也就是说，当自动完成位于页面的顶部时，让菜单向下，如果在页面的底部，菜单就会上升（即使我们有一些垂直滚动条）。

Thx。

Answer 1

使用position选项激活碰撞检测：

$("#someElement").autocomplete({ 
    source: [...] 
    position: { collision: "flip" } 
});​ 

DEMO

自动完成使用jQuery UI Position实用程序相对容易放置菜单输入元素。

选项collision可自动将元素移动到替代位置，以防元素在视口的默认方向上无法看到。

值flip将显示下面或上面的菜单，方向将是完全可见的。