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

Question

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

代码如下所示：

$('.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

我已经通过在 position 方法中传递this给of并添加偏移量来修复工具提示的定位；

$('.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" });
});