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

Question

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

Answer 1

问题是您已通过onePageNav插件将click事件绑定到所有导航项。

在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