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" });
});