動的なjqueryのツールチップを作成する

Question

jqueryのツールチップを作成しても問題はありますが、linkeの "ToolTip"ボックスのツールチップには、上記のlinke "ToolTip"のリンクの "ToolTip"の隣に表示されませんそれを設定することはできますか？

デモ：このようなhttp://jsfiddle.net/uUwuD/1/

function setOffset(ele, e) { 
    $(ele).prev().css({ 
     right: ($(window).width() - e.pageX) + 10, 
     top: ($(window).height() - e.pageY), 
     opacity: 1 
    }).show(); 
} 

function tool_tip() { 
    $('.tool_tip .tooltip_hover').mouseenter(function (e) { 
     setOffset(this, e); 
    }).mousemove(function (e) { 
     setOffset(this, e); 
    }).mouseout(function() { 
     $(this).prev().fadeOut(); 
    }); 
} 
tool_tip(); 

Answer 1

何かが動作しますが、あなたはまだ、ツールチップが時々新しいアンカーのホバーに消えバグを持っています。私はそれを修正するか、別の質問のためにあなたを残すでしょう。

function setOffset(ele, e) { 
    var tooltip = $(ele).prev(); 
    var element = $(ele); 
    tooltip.css({ 
     left: element.offset().left - element.width() - tooltip.width(), 
     top: element.offset().top - tooltip.height(), 
     opacity: 1 
    }).show(); 
} 

そして、ここではjsFiddleはそれのためです：http://jsfiddle.net/uUwuD/4/

Answer 2

あなたは、ウィンドウの幅を計算し、マイナス、それを自分のツールチップの幅で、あなたはより詳細な情報を必要な場合

if(winwidth - (offset *2) >= tooltipwidth + e.pageX){ 
          leftpos = e.pageX+offset; 
        } else{ 
         leftpos = winwidth-tooltipwidth-offset; 
        } 

を相殺する必要がありますしてください参照：