fullpage.js - 显示悬停在单个圈子上的所有工具提示

Question

问题

当我将鼠标悬停在其中一个.nav-fp圆圈上时，我希望屏幕上显示所有工具提示。我想知道是否有一种方法可以做到这一点而不会超越jquery.fullpage.js文件。

什么不行？

我已尝试使用下面的代码手动尝试但未取得任何成功：

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

Answer 1

如何使用CSS来覆盖默认值：

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

Example online

这样我们就会告诉fullpage.js在列表的任何部分悬停时显示工具提示。