jQuery的創建工具提示

Question

我想創建一個工具提示，當用戶將鼠標懸停在鏈接上，它顯示一個提示，但不會關閉鼠標移開時。它僅在工具提示區域鼠標移出時關閉。換句話說，我可以懸停鏈接，查看工具提示，使用鼠標導航到該工具提示並在其中執行其他事件。一旦我將鼠標移出該工具提示（不是鏈接），它就會關閉。我有顯示鏈接懸停提示代碼，但它一旦隱藏它，因爲我嘗試移動到工具提示區。我正在使用簡單的現場懸停方法：

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

我該如何使它在工具提示上關閉，而不是myLink mouseout？由於

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/