fullpage.js - 在悬停单个圆圈时显示所有工具提示答案

【问题标题】：fullpage.js - show all tooltips on hover a single circlefullpage.js - 在悬停单个圆圈时显示所有工具提示
【发布时间】：2016-05-03 16:08:14
【问题描述】：

问题

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

什么不起作用

我用下面的代码手动尝试过，但没有成功：

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

【问题讨论】：

jsfiddle 什么的请
抱歉，fullpage.js 中的代码行太多，无法为此添加 jsfiddle。我希望插件的制造商可以解决这个问题。
只需添加来自github的js和css作为外部资源。

标签： javascript jquery html css fullpage.js

【解决方案1】：

如果只使用 CSS 来覆盖默认的呢：

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

Example online

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

【讨论】：