jquery - jquery 工具提示在模态窗口后面呈现

Question

我已将JQuery 工具提示应用于我网站的所有标题元素。我遇到的问题来自模态弹出页面，工具提示呈现在模态对话框后面。我想我需要更改工具提示或对话框的 z 顺序。但这让我感到惊讶，因为我同时使用了 JqueryUI 的两个功能。

这是我在 document.ready() 上调用的所有内容

$(document).tooltip();

这是一个截图来说明正在发生的事情。

Answer 1

如果我没记错的话，两者都会在 body 标记内创建一个新元素。所以这应该是一个简单的 z-index 问题。只需找到类（检查元素，查看它们有哪些类，找到它们......你知道......通常的东西）并更改 z-index 以便工具提示有一个更大的。

作为替代方案，您可以在调用工具提示（或模态窗口，没关系）时从脚本设置 z-index，但我建议不要这样做。css 解决方案更干净、更快速。