jquery-autocomplete (独立)设置宽度

Question

我很高兴地使用了这个自动补全工具：http://code.google.com/p/jquery-autocomplete/。

我需要更改生成的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，或者在issues page上提交一个新的功能请求。

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;

}