控制jQuery-ui自动完成动态定位

时间:2014-11-11 20:46:45

标签: css jquery-ui autocomplete

所以我试图理解为什么jQuery-ui的自动完成,其中appendTo用于将结果下拉附加到div,仍然以绝对定位动态定位结果。像这样:

top: 38px;
left: 8.5px;
width: 251px;

创建类似的问题:

enter image description here

我可以关闭动态定位吗?我希望完全控制UI以获得流畅的响应度和自定义样式。我在网上找不到答案。

更新 所以似乎每个小部件都有不同的规则,这是正确的吗?我通过

找出了jQuery-ui Dialog弹出窗口的响应宽度
$("#dialog").dialog({ width: auto });

&安培;在我的样式表中,将最大宽度应用于包装对话框类。

.ui-dialog{
  max-width: 720px;
}

然而,到目前为止,左上角仍然是一个谜。

1 个答案:

答案 0 :(得分:0)

您可以通过编辑jQuery UI CSS文件来更改使用的CSS,或者只是在您自己的CSS中覆盖它,例如:

ul.ui-autocomplete { width: 250px !important; max-height: 300px; overflow-y: scroll; overflow-x: none; }