jquery-ui - 模态 ui 对话框内的 jquery UI 自动完成 - 建议未显示？

Question

我正在 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。有什么想法可以去哪里看吗？

Answer 1

我在搜索同一问题时遇到了这个答案，但是没有一个解决方案正是我想要的。

使用 appendTo 有效，有点...自动完成项目显示在它们应该出现的位置，但是它完全把我的对话框窗口变成了一堆未正确重新定位的 div 元素的乱码。

因此，在我自己的 css 文件中，我创建了以下内容:

ul.ui-autocomplete {
    z-index: 1100;
}

我确信 1100 有点过大，但我只是想安全一点。它运行良好并且符合 K.I.S.S.方法。

我正在使用 jQuery 1.9.2 和 jQueryUI 1.10.2。