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

Вы можете сделать код более удобным для чтения , но идея есть;)

[EDIT] Код изменился, текст должен быть центрирован, даже если он слишком длинный. (Я неправильно понял вопрос)