我正在使用Jquery UI Autocomplete插件作为一个直接的搜索词建议工具。它已经启动并运行,没有任何问题,只是我不能移动结果框。我基本上需要将它向左移动20个像素,向下移动4个像素。我试图覆盖Jquery UI CSS,但无法重新定位该框。
对此问题有经验的人提供的任何帮助都将不胜感激。
发布于 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/
发布于 2012-08-14 19:21:42
这可以通过position
option轻松实现,特别是通过offset
property
$('#myField').autocomplete({
source: …,
position: {
offset: '20 4' // Shift 20px to the left, 4px down.
}
});
发布于 2011-11-20 06:09:49
像这样的东西也行得通
open : function(){
$(".ui-autocomplete:visible").css({top:"+=5",left:"-=2"});
},
https://stackoverflow.com/questions/6270792
复制相似问题