对话框上方的jquery工具提示

我有一个简单的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");
});
};

this.tooltip=函数（标记）
{
xOffset=10；
yOffset=20；
$（标记+“.tooltip”）.hover（函数（e）{
this.t=this.title；
this.title=“”；
$（“body”）.append（“
”+this.t+”
”）；
$（“#工具提示”）
.css（“顶部”（e.pageY-xOffset）+“px”）
.css（“左”（e.pageX+yOffset）+“px”）
.fadeIn（“快速”）；
},
函数（）{
this.title=this.t；
$（“#工具提示”）.remove（）；
});
$（标记+“.tooltip”）.mousemove（函数（e）{
$（“#工具提示”）
.css（“顶部”（e.pageY-xOffset）+“px”）
.css（“左”（e.pageX+yOffset）+“px”）；
});
};

---

它可以完美地在页面上工作，但不会在jquery.ui.dialog上显示任何内容。有没有办法解决这个问题？

您的工具提示div必须具有比jquery ui div modal dialog更大的z-index css属性。

您的工具提示div必须具有比jquery ui div modal dialog更大的z-index css属性。

您是否尝试过。在正文前添加而不是。追加？（使用如上所述的z索引）

您是否尝试过将.prepend改为.append？（使用如上所述的z指数）

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

c0mrade是正确的。

---

jQuery的对话框使用z-index=1000作为默认值，但我在代码中没有看到任何z-index操作。因此，最简单的方法是将您自己的对话框的z索引值设置为>1000

@alemjerus你解决这个问题了吗？没有，还是不行。试了很多东西：（@alemjerus）你解决这个问题了吗？没有，还是不行。试了很多东西：(