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

Question

已解决:最终，当 div 附加到正文时，任务编辑器 div 的 Z 索引被设置为高于自动完成。现在我觉得花两个小时在这上面很愚蠢。

我目前正在修改 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;
}