Question

即使li.a标记定位到正确的部分ID，此页面上的链接也无效。

HTML：

<header>
  <a href="#0" class="nav_icon"><i></i></a>
</header>

<nav id="main_nav">
  <ul>
    <li><a href="#red">Red</a></li>
    <li><a href="#green">Green</a></li>
    <li><a href="#blue">Blue</a></li>
    <li><a href="#yellow">Yellow</a></li>
  </ul>
  <a href="#0" class="nav_icon close"><i></i></a>
</nav>

<div id="wrapper">
  <section id="red">Red</section>
  <section id="green">Green</section>
  <section id="blue">Blue</section>
  <section id="yellow">Yellow</section>
</div>

我在这里遗漏了什么吗？ Codepen： https://codepen.io/soumyajitn/pen/BZaGmv

Answer 1

由于您的脚本在单击链接后返回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

});

Updated codepen

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

1 个答案: