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

당신은 코드를보다 읽기 쉽게 만들 수 있습니다 하지만 그 생각은 거기에있다;)

[편집] 코드가 변경되었으므로 텍스트가 너무 길어도 중앙에 위치해야합니다. (질문을 잘못 읽었습니다)