Jquery工具提示保持始終打開

Question

是否有可能使我內置的jQuery工具提示保持打開後，我訪問整個頁面的時間我在當前頁面上？

我不想使用任何外部庫。

編輯：我想實現類似於一個infobubble，將保持打開上方按鈕的額外信息。

Answer 1

我猜你正在尋找這樣的事情

http://jsfiddle.net/nLBHd/1/

$(".navTabs").on({ 
mouseenter : function() { 
    var topMeasure=$(this).offset().top + $(this).height() + 2; 
    var leftMeasure=$(this).offset().left; 

    $(".arrow-up").css({ 
     top: topMeasure, 
     left : leftMeasure+10, 
     "visibility":"visible" 
     }) 
     .show(); 

    $("#toolbarPopUp") 
    .html($(this).attr('id')) 
    .css({ 
    top: topMeasure + 5, 
    left: leftMeasure, 
    "visibility":"visible" 
    }) 
    .show(); 
}, 
mouseleave : function() { 
    $("#toolbarPopUp").hide(); 
    $(".arrow-up").hide(); 
} 

}）;

<div id="tabRight"> 
<ul> 
    <li class="navTabs" id="newsFeedTab">ToolBar</li> 
</ul> 
</div> 
<div class="arrow-up"></div> 
<div id="toolbarPopUp"></div> 

檢查出的jsfiddle鏈接的活生生的例子......其純粹的jQuery沒有額外的插件

Answer 2

爲了防止封閉的提示，你可以從冒泡停止mouseleave事件（導致提示關閉） 。

$("a").on('mouseleave', function (event) { 
    event.stopImmediatePropagation(); 
}).tooltip(); 

JSFiddle。