在图像附近的鼠标上显示工具提示
我想用鼠标在表格中的图像上显示工具提示。请找到小提琴样品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});
});
请建议如何在图像上的鼠标上显示图像附近的工具提示。谢谢
共有2个答案
请注意，我还没有测试过这个。然而，在我最近参与的一个项目中，我不得不在控件附近动态添加一个新的div。我所做的是将新div添加到控件的父级。
也许你可以做这样的事情：
$('.one').parent().hover(function(ev){...});
只是一个想法，也许其他人会有更好的解决方案
添加位置：绝对
到tooltipSample并使用pageX和pageY而不是layerX和layerY
小提琴
-
我希望鼠标悬停在节点上时，工具提示显示在鼠标旁边。我尝试了我在上找到的解决方案，但到目前为止，只有Boxun的解决方案起到了作用，尽管这并不是我想要的（D3.js：使用元素位置来定位工具提示，而不是鼠标位置？）。 我想知道为什么在我的听众功能中， ，功能 或者 显示在svg的顶部，而不是鼠标所在的位置。 通过阅读上面链接的答案，我认为我必须以某种方式转换坐标，但我无法使其工作。
-
我在使用mousemove事件显示工具提示时遇到了一些麻烦。基本上，当我的鼠标指针在图片框的某些区域上时，我想显示一个工具提示。我试图使用mousemove事件来完成此操作，确定阉羊指针位于最佳位置，并（如果是这样）使用settools tip设置工具提示。 这是我的mousemove事件（我注意到，当显示工具提示时，mousemove会持续触发，我会检查位置是否真的发生了变化） 这工作正常，除了
-
我使用Chart.js库绘制条形图，我想显示工具提示不仅在条形图悬停，而且在x轴标签悬停该条形图。我找到了用于配置的方法，但它只允许我访问当前悬停栏的数组，这是没有用的。 那个么，我怎样才能访问鼠标事件，并从那个里获取位置，将其与条形标签的位置进行比较呢？还是有别的办法？ 我当前的配置： 它只打印出悬停条数据，但我坚持要想出如何扩展它以满足我需要的行为。
-
我通过为标题创建
-
我正在用chart.js实现一些点图。没有问题，但我想做的是有一个工具提示，不只是附加到给定的数据点。现在，您可以创建一个工具提示，它将在图表上给定数据点附近显示一个弹出窗口。例如，如果我有数据点[1,5]、[2,6]和[3,7]，它将很高兴地显示这三个数据点。 但我想要的是，当我在1,5到2,6之间时，看看我在x轴上的确切位置。1.5,1.6等。 但这是x和y在画布上的位置，与实际的x和y图形坐
-
我试图在qtip中的图像上显示jQuery UI工具提示。现在，工具提示显示在工具提示后面。你知道怎么把它展示在它面前吗？ 小提琴在这里：http://jsfiddle.net/wYM2Q/ 将鼠标移到文本“bind qtip to this”上。然后将鼠标悬停在qtip内的图像上。你会看到qtip后面显示的工具提示，我想在它前面显示。