fullpage.js

Question

问题

我尝试在导航工具提示中添加 link，根据 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);
        }

我也试过将 links 放入 init 文件中，但效果完全相同。

Answer 1

Fullpage.js 将忽略您的 link。参见 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)

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

fullpage.js - adding links within tooltips

html

javascript

jquery