jQuery AutoComplete 在第一次使用后显示在元素后面

Question

已解决： 最终，当 div 附加到正文时，任务编辑器 div 的 Z-index 被设置为高于自动完成。现在我只是觉得花两个小时做这个很傻。

我目前正在修改一个 jQuery 甘特图插件（这里是原始插件演示 http://gantt.twproject.com/distrib/gantt.html 的链接）。我正在尝试通过向资源行添加自动完成来更改任务编辑，以便轻松地从我的公司抢到员工。

自动完成功能正常工作，并首次使用以下 CSS 显示在创建的完整编辑 div 的前面：

    .ui-autocomplete
    {
        position:relative;
        cursor:default;
        z-index:9999 !important;
    }

（我使用了相对定位和绝对定位都产生了相同的结果）

如果我继续向第一个打开的编辑 div 添加资源，自动完成功能将继续正常工作。但是在我保存更改并打开另一个编辑 div 后，自动完成功能会回到编辑 div 后面显示。

只有在我将一个文本字段设为自动完成后才会出现这种情况。然后其余的隐藏在任务编辑器div后面。

我一直在寻找其他遇到此问题的人，但我没有找到任何其他有关此问题的帖子。

Answer 1

请将以下样式添加到您的 CSS 文件中。它对我有用，希望它也对你有用。

.pac-container {
    z-index: 1051 !important;
}