整页.js - 将鼠标悬停在单个圆圈上时显示所有工具提示

fullpage.js - show all tooltips on hover a single circle

本文关键字：显示 工具提示 单个圆 js 鼠标 悬停 整页      更新时间：2023-09-26

PROBLEM

我希望当我将鼠标悬停在其中一个 .nav-fp 圆圈上时，所有工具提示都显示在屏幕上。我想知道是否有一种方法可以在不覆盖 jquery.fullpage.js 文件的情况下执行此操作。

什么不起作用

我已经手动尝试使用以下代码，但没有任何成功：

//Navigation Tooltips
$(function(eOut) {
    $(".fp-tooltip").hide();
    $("#fp-nav").hover(function() {
        $(".fp-tooltip").show();
    }, function(eOut) {
        $(".fp-tooltip").hide();
    })
});

只使用 CSS 覆盖默认的 CSS 怎么样：

#fp-nav ul:hover .fp-tooltip{
    right: 20px;
    transition: opacity 0.2s ease-in;
    width: auto;
    opacity: 1;
}

在线示例

通过这种方式，我们告诉整页.js每当将列表的任何部分悬停时显示工具提示。

相关文章：