jquery - Jquery 工具提示始终保持打开状态

Question

在我访问页面的整个过程中，我是否可以让内置的 jquery 工具提示保持打开状态？

我不想使用任何外部库。

编辑：我想实现类似信息泡泡的东西，它会在按钮上方保持打开状态以获取更多信息。

Answer 1

要防止工具提示关闭，您可以阻止mouseleave事件冒泡（导致工具提示关闭）。

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

JSF中。

Answer 2

我猜你正在寻找这样的东西

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 没有额外的插件