Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/395.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript fullpage.js-将所有工具提示悬停在一个圆圈上_Javascript_Jquery_Html_Css_Fullpage.js - Fatal编程技术网

Javascript fullpage.js-将所有工具提示悬停在一个圆圈上

Javascript fullpage.js-将所有工具提示悬停在一个圆圈上,javascript,jquery,html,css,fullpage.js,Javascript,Jquery,Html,Css,Fullpage.js,问题 我希望当我悬停在一个.nav fp圆圈上时,所有的工具提示都显示在屏幕上。我想知道是否有一种方法可以在不占用jquery.fullpage.js文件的情况下实现这一点 什么不起作用 我已尝试手动使用以下代码,但未获得任何成功: //Navigation Tooltips $(function(eOut) { $(".fp-tooltip").hide(); $("#fp-nav").hover(function() { $(".fp-tooltip").sh

问题

我希望当我悬停在一个.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;
}


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

jsfiddle或者其他一些令人高兴的事情,fullpage.js中的代码行太多,无法为此添加jsfiddle。我希望插件的制造商能够解决这个问题。只需从github添加js和css作为外部资源。