javascript - 几个链接在粘性导航菜单中不起作用

Question

这是网站，http://girleducationproject.com/tempfile.html[1]除了捐赠按钮和捐赠链接外，导航中的所有链接都指向页面内的 anchor 。单击这两个不起作用，但如果右键单击，它们会提供在新选项卡中打开链接的选项。请指教。谢谢

Answer 1

问题是您已通过 onePageNav 插件将点击事件绑定(bind)到所有导航项。

在您的 main.js 中，在您的导航功能中添加一个过滤器:

// One Page Navigation
Navigation: function () {
    $('#menu').onePageNav({
        currentClass: 'current',
        scrollSpeed: 500,
        scrollOffset: 60,
        scrollThreshold: 0.2,
        easing: 'swing',
        filter: ':not(.external)' // <-- ADD THIS LINE
    });
},

然后，将“外部”类添加到您的外部链接。应该解决它。

在文档中可以找到另一个示例(参见过滤器示例):https://github.com/davist11/jQuery-One-Page-Nav#filter-example