Question

在我访问当前页面的整个页面后，是否可以使内置的jquery工具提示保持打开状态？

我不想使用任何外部库。

编辑：我希望实现类似信息的功能，它会在按钮上方保持打开以获取额外信息。

Answer 1

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

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

JSFiddle

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

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

2 个答案: