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

你可以让代码更具可读性，但想法就在那里;）

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

jQuery：工具提示定位

1 个答案: