我正在 jquery ui 对话框中使用 jquery ui 自动完成小部件。当我输入搜索文本时,文本框缩进(ui-autocomplet-loading)但不显示任何建议。
var availableTags = ["c++", "java", "php", "coldfusion", "javascript", "asp", "ruby", "python", "c", "scala", "groovy", "haskell", "perl"];
$("#company").autocomplete({
source : availableTags ,
minLength: 2
});
company 是附加自动完成功能的文本框的 ID。
我认为它可能是一个 z 索引,所以我设置了这个:
.ui-autocomplete, .ui-menu, .ui-menu-item { z-index: 1006; }
但还是不显示。我将自动完成功能放在“常规”页面中,效果很好。
我正在使用 jquery ui 版本 1.8.2。有什么想法可以去哪里看吗?
最佳答案
我在搜索同一问题时遇到了这个答案,但是没有一个解决方案正是我想要的。
使用 appendTo
有效,有点...自动完成项目显示在它们应该出现的位置,但是它完全把我的对话框窗口变成了一堆未正确重新定位的 div 元素的乱码。
因此,在我自己的 css 文件中,我创建了以下内容:
ul.ui-autocomplete {
z-index: 1100;
}
我确信 1100 有点过大,但我只是想安全一点。它运行良好并且符合 K.I.S.S.方法。
我正在使用 jQuery 1.9.2 和 jQueryUI 1.10.2。
关于jquery-ui - 模态 ui 对话框内的 jquery UI 自动完成 - 建议未显示?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3217134/