问如何在点击链接时关闭全屏菜单？
EN

Stack Overflow用户

提问于 2016-08-09 09:49:19

回答 1查看 808关注 0票数 0

我有一个带有全屏幕导航菜单的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(){ $('aside').hide()；})；

希望你们能帮助我，我对web开发很不在行。

jquery

frontend

回答 1

Stack Overflow用户

发布于 2016-08-09 09:54:06

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

胡乱猜测，

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

这可能会有所帮助。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/38840850

复制

相似问题

问如何在点击链接时关闭全屏菜单？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在点击链接时关闭全屏菜单？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在点击链接时关闭全屏菜单？
EN