Javascript 如何使用jQuery使动态工具提示显示在表中的链接上方?
我正在处理的工具提示有问题 我的CSS:Javascript 如何使用jQuery使动态工具提示显示在表中的链接上方?,javascript,jquery,Javascript,Jquery,我正在处理的工具提示有问题 我的CSS: #MyAuction-BidHistory { position:absolute; margin-left:346px; z-index:400; background-color:rgba(0, 0, 0, 0.8); -moz-border-radius:4px; -webkit-border-radius:4px; width:217px; } 以下是我正在使用的HTML结构:
#MyAuction-BidHistory {
position:absolute;
margin-left:346px;
z-index:400;
background-color:rgba(0, 0, 0, 0.8);
-moz-border-radius:4px;
-webkit-border-radius:4px;
width:217px;
}
以下是我正在使用的HTML结构:
<div id="MyAuction-BidHistory"></div>
<table>
<tr><td><a class="my-auction-history" onmouseover="myBidHistory(16141, this);">1</a><td></tr>
<tr><td><a class="my-auction-history" onmouseover="myBidHistory(16149, this);">2</a><td></tr>
<tr><td><a class="my-auction-history" onmouseover="myBidHistory(16143, this);">3</a><td></tr>
<tr><td><a class="my-auction-history" onmouseover="myBidHistory(16144, this);">4</a><td></tr>
<tr><td><a class="my-auction-history" onmouseover="myBidHistory(16132, this);">5</a><td></tr>
<tr><td><a class="my-auction-history" onmouseover="myBidHistory(16165, this);">6</a><td></tr>
</table>
我遇到的问题是使动态工具提示相对于链接位置显示在表中的链接上方
我在这方面已经有一段时间了&非常感谢您能为我提供任何帮助,谢谢。错误在这一行:
var linkOffset = $('a.my-auction-history').offset().top;
您正在引用所有链接,当您从这些链接获取.offset()时,它将选择第一个链接。您必须获得当前链接的偏移量,如下所示:
var linkOffset = $(pObj).offset().top;
你还应该看看你的HTML,它是无效的(你没有关闭你的
s)
您也可以移出mouseout()
事件,无需每次都重新绑定它。
最后,您可以使用和而不是动画(它们是动画不透明度的简写函数)
示例:
var linkOffset = $(pObj).offset().top;