Question

我正在玩fullpage.js，并希望使用内置的水平滑块，它就像魅力一样。我缺少的是可以在垂直部分菜单上显示每个活动点（以及悬停它们时）的工具提示。

我在下面的问题中找到了一个简短的指南来实现这个功能，最后是jfoutch的评论：horizontal slider using full page.js。我不知道如何使用jQuery.text（）方法，或者更确切地说从哪里开始。

非常感谢任何帮助！谢谢！

Answer 1

fullpage.js无法提供一种方法，您可以在this open issue中看到。

你可以做的是使用fullpage.js使用的方法创建自己的导航，例如moveTo，并使用afterLoad甚至状态类等回调激活或停用每个导航项目符号fullpagejs提供的fp-viewing-X-Y。

Answer 2

我找到了自己的解决方案来实现水平滑块上的工具提示！：）

我正在使用Bootstrap tooltip.js插件（因为我已经将此框架用于网格系统）并手动创建滑块导航以设置工具提示的数据到标题和标题：

<div class="fp-slidesNav bottom">
    <ul>
        <li><a href="#" class="fp-slide-dots" data-toggle="tooltip" title="Slide 1"><span></span></a></li>
        <li><a href="#" class="fp-slide-dots" data-toggle="tooltip" title="Slide 2"><span></span></a></li>
        <li><a href="#" class="fp-slide-dots" data-toggle="tooltip" title="Slide 3"><span></span></a></li>
   </ul>
</div>

接下来，您必须初始化工具提示：

$('.fp-slide-dots').tooltip();

有效！：）

fullpage.js水平滑块带工具提示

2 个答案: