Question

我想在表格中的图像上显示鼠标上的工具提示。请找到示例小提琴http://jsfiddle.net/FpBu4/42/ 我想在鼠标悬停时在图像的右上方显示工具提示。以下是示例脚本：

$('.one').hover(function(ev){
    $('.tooltipSample').stop(true,true).fadeIn(); 
},function(ev){
    $('.tooltipSample').stop(true,true).fadeOut();
}).mousemove(function(ev){
    $('.tooltipSample').css({left:ev.layerX+10,top:ev.layerY+10});
});

请建议如何在鼠标悬停在图像上方的图像附近显示工具提示。感谢。

Answer 1

将position:absolute;添加到tooltipSample并使用pageX和pageY代替layerX和layerY

Fiddle

Answer 2

请注意，我没有测试过这个。但是，在我最近的一个项目中，我不得不动态地在控件附近添加一个新的div。我所做的是将新div添加到控件的父级。

可能你可以这样做：

$('.one').parent().hover(function(ev){...});

只是一个想法，也许其他人可能有更好的解决方案

在图像附近的鼠标悬停上显示工具提示

2 个答案: