JQuery自动完成出现在JQuery菜单后面

Question

我有一个JQuery自动完成搜索框,当在下拉窗口中显示搜索结果时,它会出现在它下面的JQuery下拉菜单后面(见图).我已经尝试增加z-index我在CSS中为自动完成搜索找到的所有内容的值,但它仍然无法解决问题.我还应该尝试什么？

小提琴链接:http://jsfiddle.net/tonyyeb/LKDBh/18/

Answer 1

感谢大家的贡献.我已经找到了论坛用户给我的解决方案:

自动完成包装器由jQuery库(硬编码)给出z-index为1,而菜单(通过CSS)的z-index为100; 最简单的解决方案是使用 -

.ui-autocomplete { z-index: 100 !important; }