如果placement=body，当模态触发时，引导工具提示不会隐藏

Question

我有一个剑道网格，每行都有一个编辑按钮。我正在使用 Bootstrap 向编辑按钮以及其他内容添加工具提示。编辑按钮会弹出一个窗口来编辑行模型的属性。

工具提示不断被网格的边界截断。为了解决这个问题，我在初始化工具提示时使用了placement=body。

我现在遇到的问题是，如果单击按钮，工具提示不会隐藏，并且会出现编辑器窗口。我尝试将触发器更改为“悬停”，但这没有帮助。

我尝试在网格的编辑事件中执行 ('[title]').tooltip('hide') ，但这似乎根本不起作用。

我认为问题与打开剑道窗口的“编辑”有关。因为带有工具提示的其他按钮很好，因为它们触发了 BootstrapDialog。

Answer 1

发生的情况是 .tooltip 的 z-index 为 1070，而 .modal 的 z-index 为 1050。

您可以将以下内容添加到您的 css 以确保 .tooltip 显示在 .modal 下方：

.modal{
  z-index: 1071;
}

当然，这意味着您绝对不能在模态框内部显示工具提示，因此这可能不适合您的特定需求。 如果是这种情况，您应该能够将另一个类添加到您的工具提示 div 并覆盖该类的 z-index。

我很清楚此修复程序的猴子补丁性质，但我已经为此寻找解决方案数周，但找不到更好的解决方案。