jQuery工具提示出现在悬停的错误位置

Question

我使用jQuery UI position()来定位自定义工具提示。我遇到的问题是，当我希望它在锚点悬停（表格内部）时出现时，工具提示总是出现在同一位置（表格顶部）。

的代码看起来是这样的：

$('.sales-dashboard td a').on('hover', function() {  
    $('#tooltip') 
     .insertAfter($(this)) 
     .toggleClass('is-hidden') 
     .position({ 
      my: "left center", 
      at: "right center", 
      of: ".sales-dashboard td a" 
     }); 
}); 

甲表行看起来像这样（在工具提示的div被插入的锚定件的结束标记之后）;

<tr class="even"> 
    <td><a href="#">123</a></td> 
    <td>Code</td> 
    <td>Valid</td> 
    <td>Device is active</td> 
</tr> 

我该如何让工具提示出现在悬停的锚旁边？

在此先感谢。

Answer 1

我已经设法通过将this传递给位置方法中的的并添加一个偏移量来修复工具提示的位置;

$('.sales-dashboard td a').on('hover', function() { 

    $('#tooltip').insertAfter($(this)).toggleClass('is-hidden') 
    .position({ my: "left center", at: "right center", of: $(this), offset: "20 0" }); 
});