【问题标题】:Couple of links not working inside a sticky Navigation Menu几个链接在粘性导航菜单中不起作用
【发布时间】:2014-07-15 10:35:48
【问题描述】:

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

【问题讨论】:

  • 不要给我们页面链接,提供一个最小的sn-p来演示问题。链接中断,使您的问题变成废话;一旦您的问题得到解答,示例对其他人总是有用的。另外,给我们一个链接假设我们会寻找帮助您所需的必要信息,但相反,他们往往会阻止那些愿意回答您的人,所以请帮助我们帮助您。

标签: javascript jquery css navigation href


【解决方案1】:

问题是你已经通过 onePageNav 插件将点击事件绑定到所有导航项。

在您的 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

【讨论】:

  • 酷。 :) 如果有帮助,请考虑接受我的回答。
  • 当然,我是新来的。我不知道该怎么做。知道了。完毕。谢谢
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-12-12
  • 2015-04-08
  • 1970-01-01
  • 2017-03-14
  • 1970-01-01
相关资源
最近更新 更多