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

【问题标题】：How to close fullscreen menu when clicking on a link?单击链接时如何关闭全屏菜单？
【发布时间】：2016-08-09 01:49:19
【问题描述】：

我有一个带有全屏导航菜单的单页网站（带有指向页面上元素的锚链接）我知道如何打开它，但我不知道如何在单击链接时关闭菜单，这是带有我的导航菜单的 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);

我试过这个，但似乎不起作用： $('旁白').on('点击', function(){ $('aside').hide(); });

希望你们能帮助我，我对网络开发非常陌生。

【问题讨论】：

我们也不知道，因为您对此的解释不足以让我们理解，但从发布的代码来看，$('aside').removeClass('open') 之类的内容可能是一个疯狂的猜测。

标签： jquery frontend

【解决方案1】：

请发布更多您的代码，这对我们来说太有限了，无法提供帮助

猜测，

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

这可能会有所帮助。

【讨论】：