这是我将鼠标悬停在链接上时工具提示弹出窗口的 jquery 代码。
错误是当我将鼠标悬停在它上面时,它将标题设置为什么都不会显示它会显示一次,然后如果我将鼠标悬停在它上面,什么都不会出现。
当我删除 this.title = ""; 它有效,但链接标题也会出现
HTML
< a href="#" class="tooltip" title="Name< br>Test">ToolTip< /a>
查询
this.tooltip = function(){
xOffset = 10;
yOffset = 20;
$("a.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();
});
$("a.tooltip").mousemove(function(e){
$("#tooltip")
.css("top",(e.pageY - xOffset) + "px")
.css("left",(e.pageX + yOffset) + "px");
});
};