jqueryはツールチップを作成します

Question

ユーザーがリンク上を移動すると、ツールチップが表示されますが、マウスを離すとツールチップは作成されません。これは、ツールチップ領域のマウスアウトでのみ終了します。言い換えれば、私はリンクをホバーし、ツールチップを見て、マウスでそのツールチップにナビゲートし、他のイベントを内部で行うことができるだろう。私はそのツールチップ（リンクではない）を外に出すと、それは終了します。私は、リンクホバー上のツールチップを示すコードを持っていますが、そのツールチップエリアに移動しようとするとすぐにそれを隠します。

myLink.live('mouseover mouseout', function (e) { 
    ...show balloon... 
} 

は、どのように私は、アウトツールチップマウスのそれは近づけるんがmyLinkないマウスアウト：私はシンプルなライブホバーメソッドを使用していますか？ありがとう

Answer 1

existing jQuery tooltip pluginを使用するか、あなたがそれをどのように処理したかったかを調べてください。あなたは、イベントがバブリングとあなたがmouseoversとmouseoutsを処理したい領域を追跡することに対処する必要があります

Answer 2

ここでは、この

myLink.live('mouseover', function (e) { 
     //Code to show the tooltip 
     $("toolTipContainerSelector").fadeIn(200); 
    }); 

$("toolTipContainerSelector").mouseout(function(){ 
     $(this).hide(); 
    }) 

//The below code will take care of hiding the tooltip if you click on the page other than the tooltip. In case you need this please use the below code 
    $("body").click(function(){ 
     if($("toolTipContainerSelector").is(":visible")) 
     $("toolTipContainerSelector").hide(); 
    }); 

    $("toolTipContainerSelector").click(function(e){ 
     e.stopPropagation(); 
    }); 

Answer 3

を試してみてくださいフィドルと一緒にあなたの質問に若干異なるテイクです。： http://jsfiddle.net/SsAY5/3/