Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/user-interface/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery自动完成对齐_Jquery_User Interface_Autocomplete_Alignment_Styling - Fatal编程技术网

Jquery自动完成对齐

Jquery自动完成对齐,jquery,user-interface,autocomplete,alignment,styling,Jquery,User Interface,Autocomplete,Alignment,Styling,目前,自动完成结果框与输入框的左边缘对齐,并向右扩展,宽度与我给定的宽度相同。但是,我的业务需求是将其与输入框的右边缘对齐,如果输入框放在页面的右侧,则将其反向展开,因为结果会被剪切,并添加水平滚动以查看完整的结果。(我可以修改我的'jqueryui.css') 有人能帮忙吗 当前版本的jQuery UI允许为Autocomplete小部件提供一个带有选项的position对象,其属性与上述position小部件相同。所以你可以用它来定位你喜欢的建议列表 看这里 如果您需要动态更改位置-您需要使

目前,自动完成结果框与输入框的左边缘对齐,并向右扩展,宽度与我给定的宽度相同。但是,我的业务需求是将其与输入框的右边缘对齐,如果输入框放在页面的右侧,则将其反向展开,因为结果会被剪切,并添加水平滚动以查看完整的结果。(我可以修改我的'jqueryui.css')


有人能帮忙吗

当前版本的jQuery UI允许为Autocomplete小部件提供一个带有选项的position对象,其属性与上述position小部件相同。所以你可以用它来定位你喜欢的建议列表

看这里

如果您需要动态更改位置-您需要使用“打开”事件

代码示例

在它们内部,您可以更改自动压缩表单在
css()中的位置


PS:我不是舒尔,因为位置取决于父html输入字段

谢谢Anton。它确实改变了定位。但是,我需要动态地执行此操作。我的结果宽度是650像素。我需要检查右侧的空间是否足够,结果是否未被修剪,否则在左侧显示。我可以管理逻辑,但需要一个可以应用逻辑的事件/地点。
//Supply a callback function to handle the open event as an init option.
$( ".selector" ).autocomplete({
   open: function(event, ui) { ... }
});
//Bind to the open event by type: autocompleteopen.
$( ".selector" ).bind( "autocompleteopen", function(event, ui) {
  ...
});
$('.ui-autocomplete').css({ 'left': x + 'px', 'top': y + 'px' });