Jquery自动完成扩展太宽

Question

我正在使用jquery中的自动完成功能，但是长字符串会导致建议框扩展比输入字段更宽。你可以在这张图片中看到它。

在上图中，“（1450）”应放在下一行。

我的jquery功能：

function autosuggest() {
    $( autocomplete_field ).autocomplete(
    {
         source: posturl,
         minLength:2,
         delay: 0
    });
};

CSS：

.ui-widget-content { background: #ffffff; }
.ui-helper-hidden-accessible { position: absolute; left: -9999px; }
.ui-autocomplete { border: 1px solid #abadb3; border-top: none; position: absolute; top: 0; left: 0; cursor: pointer; }
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */
.ui-menu-item { list-style:none; margin: 0px; padding: 0px; border-bottom:1px dotted #000; }
.ui-menu-item a { display: block; padding: 6px; }
.ui-menu-item:last-child { border-bottom:none; }
.ui-menu-item  strong{ color: #003b63; }
.ui-state-focus { background-color: #aad9fb; color:#000; display: block; }

在jquery函数中，我尝试添加：

$('.ui-menu').css('max-width','178px')

这适用于屏幕截图中的字段，但我的网站上有许多自动填充字段，宽度不同，所以这不是一个选项。

我搜索了API的文档，但还没找到解决方案。

Answer 1

尝试获取输入字段的宽度，然后将自动完成的最大宽度更改为该宽度。