Question

我有一个带有全屏导航菜单的1页网站（页面上有元素的锚链接）我知道如何打开它，但我不知道如何在点击链接时关闭菜单，这是我的导航菜单的HTML：

</head>
<body>
<aside>
<div id="menu-logo"></div>
<div class="hamburger-menu toggle-overlay">
      <div class="bar"></div>   
</div>
<nav>
<ul>
  <li data-menuanchor="home"><a href="#home">Nosotros</a></li>
  <li data-menuanchor="servicios"><a href="#servicios">Servicios</a></li>
  <li><a href="#!">Proyectos</a></li>
  <li><a href="#!">Cotizador</a></li>
  <li><a href="#!">Contacto</a></li>
</ul>
</nav>
</aside>
<div id="content" class="fullpage">
    <section id="seccion-home" class="section up-scroll">
        <span class="background"></span>
        <header>
            <a href="#home" class="lg-principal"><span></span></a>
            <div class="hamburger-menu toggle-overlay">
              <div class="blubar"></div>    
            </div>

这是我的jquery脚本：

(function () {
$('.hamburger-menu').on('click', function() {
    $('.bar').toggleClass('animate');
})
})();

(function($) {
  $(function() {
    $('.toggle-overlay').click(function() {
      $('aside').toggleClass('open');
    });
  });
})(jQuery);

我试过这个，但似乎不起作用： $（'aside li'）。on（'click'，function（）{ $（ '搁置'）隐藏（）; }）;

希望你能帮助我们，我非常喜欢网络发展。

Answer 1

请发布更多代码，这对我们来说太有限了

疯狂猜测，

$('#menu li a').on('click', function(){
    $(".toggle-overlay").hide();
    $("aside").removeClass("open");
});

这可能会有所帮助。

单击链接时如何关闭全屏菜单？

1 个答案: