导航链接不起作用

时间:2017-08-11 10:02:41

标签: javascript jquery

https://bm-translations.de上点击导航中的链接时,它不会链接到锚点(它什么都不做)。

我可以在控制台中看到错误,但我真的不知道如何修复它。也许你可以给我任何帮助建议,为什么会出现这个错误以及从哪里开始寻找解决方案?

除了2个函数(一个用于平滑滚动,一个用于更改活动类)之外,除了所有javascript的导航链接外,可能还有其他内容?

1 个答案:

答案 0 :(得分:1)

问题(“语法错误,无法识别的表达式:https://bm-translations.de/#sprachrichtungen”)似乎是在

//Smooth scrolling when clicking an anchor link
$(document).on("click", ".navbar-nav a", function(event) {
  event.preventDefault();

  $("html, body").animate(
    {
      scrollTop: $($.attr(this, "href")).offset().top
    },
    500
  );
});

您最终将完整的href https://bm-translations.de/#sprachrichtungen传递给$()。您可以使用String.split()解析哈希部分,但更简单的方法是使用a//Smooth scrolling when clicking an anchor link $(document).on("click", ".navbar-nav a", function(event) { event.preventDefault(); $("html, body").animate( { scrollTop: $($.prop(this, "hash")).offset().top }, 500 ); }); 元素:

{{1}}

希望有所帮助。