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

fullpage.js - adding links within tooltips

本文关键字：添加 链接 工具提示 js 整页      更新时间：2023-09-26

PROBLEM

我尝试添加指向导航工具提示的链接，并且基于 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将忽略您的链接。见第 1694 行

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

第 567 行：

.on('click touchstart', SECTION_NAV_SEL + ' a', sectionBulletHandler)
相关文章：