jquery-autocomplete（独立）设置宽度

Question

我很高兴使用这个自动完成器：http://code.google.com/p/jquery-自动完成/。

我需要更改生成的 ul 列表的宽度，但无法通过 CSS 做到这一点：

.acResults {
    width: 348px;
}

似乎每次生成结果时都会在 javascript 中设置宽度：

$('.acResults').width(348);

有效，但仅一次（键入后覆盖）。 我尝试在“showResult”和“onItemSelect”中使用上述函数，但之后两者都会立即被覆盖。

提前致谢。

Answer 1

您可以使用 !important 修复样式，尽管这不是一个好的做法。例子：

.acResults {
    width: 348px !important;
}

Answer 2

只需删除（或更改）插件本地副本中设置列表宽度的行，即：

extraWidth = this.dom.$results.outerWidth() - this.dom.$results.width();
this.dom.$results.width(this.dom.$elem.outerWidth() - extraWidth);

您可以将其更改为：

this.dom.$results
    .width(Math.max(this.dom.$elem.outerWidth() - extraWidth, 348));

如果您使用的是缩小版本，请获取未缩小版本，更改它，然后运行通过您选择的缩小器。

或者，您可以创建一个采用最小列表宽度选项的补丁并将其提交到 dylan.verheul 或在 问题页面 也许。

Answer 3

只需增加“ac_results”的宽度，它就会隐藏 y 溢出

.ac_results ul {
width: 180px;
/* 
increase width to hide overflow
*/
list-style-position: outside;
list-style: none;
padding: 0;
margin: 0;

}