javascript - fullpage.js - 在工具提示中添加链接

标签 javascript jquery html fullpage.js

问题

我尝试添加一个导航工具提示的链接,基于 html,它应该可以工作。但是,无论我单击哪个工具提示,我都会被带到第二部分 - 即使指示的地址是正确的并且应该带我浏览所有部分。

for (var i = 0; i < $(SECTION_SEL).length; i++) {
            var link = '';
            if (options.anchors.length) {
                link = options.anchors[i];
            }

            var li = '<li><a href="#' + link + '"><span></span></a>';

            // Only add tooltip if needed (defined by user)
            var tooltip = options.navigationTooltips[i];

            if (typeof tooltip !== 'undefined' && tooltip !== '') {
                li += '<div class="' + SECTION_NAV_TOOLTIP + ' ' + options.navigationPosition + '">' + '<a href="#' + link + '">' + tooltip + '</a></div>';
            }

            li += '</li>';

            nav.find('ul').append(li);
        }

我也尝试将链接放入 init 文件中,但这具有完全相同的效果。

最佳答案

Fullpage.js 将忽略您的链接。 请参阅line 1694

    function sectionBulletHandler(e){
        e.preventDefault();
        var index = $(this).parent().index();
        scrollPage($(SECTION_SEL).eq(index));
    }

line 567 :

.on('click touchstart', SECTION_NAV_SEL + ' a', sectionBulletHandler)

关于javascript - fullpage.js - 在工具提示中添加链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35001474/

相关文章:

javascript - Wordpress 可以根据视口(viewport)大小获取模板部分吗?

javascript - 如何在 jQuery 的 animate() 执行之前阻止屏幕闪烁

jquery - 如何使图像从屏幕外出现?

java - 如何在Android Studio项目中使用TextView显示视频?

javascript - Google Chrome - 在不需要时提供翻译

javascript - 如何从 mvc View 调用 javascript 函数

javascript - 跨多个文件多次引用 javascript 库的行为是什么?

javascript - e.slice 不是函数

javascript - 将鼠标悬停在文本上,图像淡入淡出

jquery - 非贪婪 jquery 选择器