Javascript 在fullpage js中创建带有箭头的工具提示

Javascript 在fullpage js中创建带有箭头的工具提示,javascript,jquery,css,twitter-bootstrap-3,fullpage.js,Javascript,Jquery,Css,Twitter Bootstrap 3,Fullpage.js,$(文档).ready(函数(){ //变数 变量$header_top=$('.header top'); var$nav=$('nav'); //切换菜单 $header\u top.find('a')。on('click',function(){ $(this.parent().toggleClass('open-menu'); }); //整页定制 $(“#全页”)。全页({ 自动滚动:错误, 章节颜色:[“B8AE9C”、“FFF”、“FFF”、“064179”、“FFFF”], 节选

$(文档).ready(函数(){
//变数
变量$header_top=$('.header top');
var$nav=$('nav');
//切换菜单
$header\u top.find('a')。on('click',function(){
$(this.parent().toggleClass('open-menu');
});
//整页定制
$(“#全页”)。全页({
自动滚动:错误,
章节颜色:[“B8AE9C”、“FFF”、“FFF”、“064179”、“FFFF”],
节选择器:'.垂直滚动',
滑块选择器:'.水平滚动',
导航:对,
幻灯片导航:正确,
css3:没错,
控制箭头:错误,
锚定:[“第一节”、“第二节”、“第三节”、“第四节”、“第五节”、“第六节”],
菜单:“#菜单”,
导航位置:'右',
导航工具提示:[“主页”、“构建块”、“成就”、“反馈”、“联系人”、“第六条”],
showActiveTooltip:false,
后加载:功能(锚点链接、索引){
$header_top.css('background','rgba(0,47,77,3');
$nav.css('background','rgba(0,47,77,25');
如果(索引==5){
$('#fp nav').show();
}
},
onLeave:函数(索引、下一个索引、方向){
如果(索引==5){
$('#fp nav').show();
}
},
后滑动加载:函数(锚点链接、索引、滑动链接、滑动索引){
如果(anchorLink='fifthSection'&&slideIndex==1){
$.fn.fullpage.setAllowScrolling(false,“up”);
$header_top.css('background','transparent');
$nav.css('background','transparent');
$(this.css('background','#374140');
$(this.find('h2').css('color','white');
$(this.find('h3').css('color','white');
$(this.find('p').css(
{
“颜色”:“DC3522”,
“不透明度”:1,
“transform”:“translateY(0)”一词
}
);
}
},
onSlideLeave:函数(锚点链接、索引、滑动索引、方向){
如果(anchorLink='fifthSection'&&slideIndex==1){
$.fn.fullpage.setAllowScrolling(true,“up”);
$header_top.css('background','rgba(0,47,77,3');
$nav.css('background','rgba(0,47,77,25');
}
} 
}); 
});
#fp nav ul li.fp工具提示{
位置:绝对位置;
顶部:-8px;
颜色:#ef4f50;
字号:18px;
字体系列:“Roboto Slab”,衬线;
空白:nowrap;
最大宽度:220px;
溢出:隐藏;
显示:块;
不透明度:0;
宽度:0;
}
#fp nav ul li:悬停。fp工具提示,
#fp-nav.fp-show-active a.active+.fp工具提示{
-webkit过渡:不透明度0.3s,易于使用;
过渡:不透明度0.3s;
宽度:自动;
不透明度:1;
}
#fp nav ul li.fp-tooltip.右{
右:30px;
}
#fp nav ul li.fp-tooltip.left{
左:20px;
}
尝试更改行:

showActiveTooltip:false,

致:


showActiveTooltip:true,

您能否提供问题中的JS和html,这将有助于提供一个有效的演示性答案。我还假设您已经激活了插件选项中的工具提示:
$('#fullpage').fullpage({navigationTooltips:['firstSlide','secondSlide'],showActiveTooltip:true})?您好,我也添加了js,我还添加了图像