Question

我有一个简单的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的事情。有没有办法解决这个问题？

Answer 1

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

Answer 2

您是否尝试过.prepend到body而不是.append？ （具有如上所述的z索引）

Answer 3

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