0

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>

ホバーされているアンカーの横にツールチップを表示するにはどうすればよいですか?

前もって感謝します。

4

1 に答える 1

0

position メソッドで ofを渡し、オフセットを追加することで、ツールチップの位置を修正することができまし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" });
});
于 2012-12-10T11:21:10.687 に答える