重新定位Jquery UI自动完成结果框
重新定位Jquery UI自动完成结果框
提问于 2011-06-08 03:48:29
我正在使用Jquery UI Autocomplete插件作为一个直接的搜索词建议工具。它已经启动并运行，没有任何问题，只是我不能移动结果框。我基本上需要将它向左移动20个像素，向下移动4个像素。我试图覆盖Jquery UI CSS，但无法重新定位该框。
对此问题有经验的人提供的任何帮助都将不胜感激。
回答 4
Stack Overflow用户
回答已采纳
发布于 2011-06-08 08:53:54
以下是一种方法，点击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/
Stack Overflow用户
发布于 2012-08-14 19:21:42
这可以通过position option轻松实现，特别是通过offset property
$('#myField').autocomplete({
source: …,
position: {
offset: '20 4' // Shift 20px to the left, 4px down.
}
});Stack Overflow用户
发布于 2011-11-20 06:09:49
像这样的东西也行得通
open : function(){
$(".ui-autocomplete:visible").css({top:"+=5",left:"-=2"});
},页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/6270792
复制相关文章
相似问题
腾讯云开发者
