jQuery Tooltip Over对话框
-
20-09-2019 - |
题
我有一个简单的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显示东西。有办法解决吗?
解决方案
您的Tooltip Div必须具有比JQuery UI DIV模态对话框更大的Z-Index CSS属性。
其他提示
c0mrade是正确的。使用z-index = 1000的jQuery对话框为默认值,但我在代码中没有看到任何Z-Index操作。因此,最简单的方法是设置自己的对话框的z指数值> 1000。
您是否尝试过.prepend到身体而不是.ppend? (如上所述的z索引)
不隶属于 StackOverflow