0

我有一个简单的 html 多行工具提示实现:

this.tooltip = function(tag)
{
xOffset = 10;
yOffset = 20;

$(tag + ".tooltip").hover(function(e){
    this.t = this.title;
    this.title = "";
    $("body").append("<p id='tooltip'>"+ this.t +"</p>");
    $("#tooltip")
        .css("top",(e.pageY - xOffset) + "px")
        .css("left",(e.pageX + yOffset) + "px")
        .fadeIn("fast");
},
function(){
    this.title = this.t;
    $("#tooltip").remove();
});
$(tag + ".tooltip").mousemove(function(e){
    $("#tooltip")
        .css("top",(e.pageY - xOffset) + "px")
        .css("left",(e.pageX + yOffset) + "px");
});
};

它可以在页面上完美运行,但不会在 jquery.ui.dialog 上显示任何内容。有没有办法解决这个问题?

4

3 回答 3

3

您的工具提示 div 必须具有比 jquery ui div 模态对话框更大的 z-index css 属性。

于 2010-03-16T10:45:07.983 回答
1

c0mrade 是正确的。jQuery 的对话框使用 z-index= 1000 作为默认值,但我没有在您的代码中看到任何 z-index 操作。所以最简单的方法是设置你自己的对话框的 z-index 值 > 1000。

于 2011-07-19T22:40:44.663 回答
0

您是否尝试过 .prepend 到正文而不是 .append?(上面提到的z-index)

于 2010-03-25T17:51:07.300 回答