Javascript 链接在单页网站的全页导航菜单中不起作用

即使li.a标记指向正确的节ID，此页上的链接仍不起作用

HTML:

红色
绿色
蓝色
黄色的

我是不是遗漏了什么？代码笔：

---

由于您的脚本在单击链接后返回false，因此它也会取消链接的默认行为，因此如果您在脚本中注释掉该行为，它将起作用

$( "#main_nav ul li a" ).click(function() {
  $( "#wrapper" ).toggleClass( "hide" );
  $( "#main_nav" ).toggleClass( "show" );
  $('.nav_icon').toggleClass('active');

  //return false;                            comment out this line

});

---

非常感谢！！它起作用了。虽然不确定页面为什么没有滚动到确切的节开始处。@SoumyajitNayak如果您运行简单的链接，没有脚本等，它们会按预期工作，所以我猜您的切换类会导致这种情况

$( "#main_nav ul li a" ).click(function() {
  $( "#wrapper" ).toggleClass( "hide" );
  $( "#main_nav" ).toggleClass( "show" );
  $('.nav_icon').toggleClass('active');

  //return false;                            comment out this line

});