jquery - jQuery：工具提示定位

Question

我试图弄清楚如何正确地将工具提示置于链接下方（因此它没有与链接对齐）。

                   [Link]
      [tooltip should appear like this]

                   [Link]
                   [tooltip should not appear like this]

我也试图弄清楚为什么我的工具提示没有淡入。

http://jsfiddle.net/fj4xz/

Answer 1

那里 ：

$('a.tooltip').hover(function() {
    var title = $(this).attr('title');
    var offset=$(this).offset();
    var width=$(this).outerWidth();
    var height=$(this).outerHeight();
    $content=$('<div class="tooltip">' + title + '</div>').fadeIn();
    $(this).append($content);
    var middle = offset.left+(width-$content.outerWidth())/2;
    // middle = Math.max(offset.left,offset.left+(width-$content.outerWidth())/2 );
    $content.offset({ top: offset.top+height, left: middle });
    $('div.tooltip').hover(function() {
        $(this).fadeOut('fast');            
    });
}, function() {
    $(this).find('div').fadeOut('fast');
});

​您可以使代码更具可读性，但想法就在那里；）

[编辑] 代码已更改，即使文本太长也必须居中。（我误读了这个问题）