如何在使用blockui时显示工具提示?

时间:2009-12-30 21:28:49

标签: jquery tooltip blockui

我的网站正在使用jQuery工具提示插件(http://jquery.bassistance.de/tooltip/demo/)和blockui插件。

我正在应用这样的工具提示:

$(function() {
    $("span.helptooltip").tooltip({
        showURL: false,
        showBody: " - "
    });
});

除了使用blockui显示的DIV之外,它在所有地方都像魅力一样:

$.blockUI( {
    theme: true,
    title: "my div",
    message: $('#divName'),
    css: { width: '325px'}
});

在被阻止的UI顶部显示的DIV中,工具提示不会像在整个网站的其他部分一样显示在跨度上。

有关如何在阻止的ui中显示此工具提示的任何想法?

2 个答案:

答案 0 :(得分:0)

将CSS更改为工具提示的z-index高于块UI的div。你需要:

  1. 显示div。
  2. 使用Firebug或类似方法找出其z-index。
  3. 添加CSS以获得工具提示内容的更高z-index。
  4. 类似的东西:

    .tooltipClassName div
    {
        z-index: 1001;
    }
    

答案 1 :(得分:0)

感谢Craig的回答。它引导我找到有效的解决方案:

使用-1:

在blockUI声明中添加baseZ属性
$.blockUI( {
    theme: true,
    title: "my div",
    message: $('#divName'),
    css: { width: '325px'},
    baseZ: -1
});