Question

我有一个Jquery查询。对于这里的一些jquery大师来说，这可能非常简单。所以我在左边有这些服务列表，在右边有一个工具提示图标。在悬停时，它显示与特定服务相关的信息。我设法从另一个Stackoverflow帖子中获取工具提示。但我的客户希望第一个工具提示悬停在页面加载上。我设法从Stackoverflow获得它。

虽然我被困在哪里，但是当有人在其他人上盘旋时，如何隐藏第一个工具提示。

我将此代码显示在悬停

上显示工具提示

$(document).ready(function(){
    $('[data-toggle="tooltip"]').tooltip();   
});

我得到此代码以显示页面加载中的第一个

$(document).ready(function(){
    $('[data-toggle=tooltip-active]').tooltip({trigger: 'manual'}).tooltip('show');
});

请帮助。

Answer 1

尝试销毁mouseenter上的工具提示，并在其他工具提示的mouseleave个事件中重新启用它：

jQuery(function($) {

    $('[data-toggle=tooltip]').hover(function() {
        $('[data-toggle=tooltip-active]').tooltip('destroy'); 
    }, function() {
        $('[data-toggle=tooltip-active]').tooltip({trigger: 'hover'}); 
    });

});

假设您正在使用Bootstrap tooltip。

将鼠标悬停在另一个

1 个答案: