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