q使用jQuery对话框

时间:2010-05-20 18:06:03

标签: javascript jquery z-index jquery-dialog qtip

我正在使用qTip在网格中显示验证错误。在行保存失败后显示工具提示,并且在重新保存行或更改被取消之前不会消失。

问题在于,当工具提示可见时打开对话框会导致工具提示在对话框的顶部呈现。这是因为所有工具提示的z-index硬编码为6000+,而jQuery对话框设置为1000 +。

我可以通过将qTip中的硬编码值更改为< 1000来解决此问题,但随后会在对话框后面显示从对话框中触发的工具提示。

除了更改qTip代码或使用其他工具提示库之外,我还能做些什么吗?

2 个答案:

答案 0 :(得分:2)

完全未经测试,但您可以将这样的东西放在一起:

  • 破解基本qTip z-index,以便提示将显示在jQuery对话框下方。
  • 使用qTip onRender 回调选择性地提高仅在这些对话框中触发的提示的z-index,使其高于1000范围。

作为旁注,看起来qTip的当前版本实际上是 uses 15000 作为其基本z-index。

答案 1 :(得分:0)

为什么不使对话框的z-index 6500,然后从对话框中触发所有qTips的z-index为7000?

编辑:哦,你仍然无法在每个工具提示的基础上设置qTip的z-index。大鼠。也许在显示对话框时隐藏所有现有的工具提示,并在关闭时重新显示它们?