0
私はフルスクリーンのナビゲーションメニュー(ページ上の要素へのアンカーリンク付き)を持った1ページのウェブサイトを持っています。私はそれを開く方法を知っていますが、リンクをクリックするとメニューを閉じる方法はありません私はこれを試してみましたが、動作していないようリンクをクリックするとフルスクリーンメニューを閉じるにはどうすればいいですか?
(function() {
$('.hamburger-menu').on('click', function() {
$('.bar').toggleClass('animate');
})
})();
(function($) {
$(function() {
$('.toggle-overlay').click(function() {
$('aside').toggleClass('open');
});
});
})(jQuery);
:: $( '脇李')
</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のスクリプトです:私のナビゲーションメニューとhtmlです。 (click)、function(){ $( 'aside')。hide(); });
あなたは私の人、私は非常にnoobのウェブデベロップメントを助けることを願っています。私たちは、これが役立つかもしれ
野生の推測、
$('#menu li a').on('click', function(){
$(".toggle-overlay").hide();
$("aside").removeClass("open");
});
支援するため
あなたがこれを理解するのに十分に説明していないので、私たちは分かりませんが、ポストされたコードから、 '$( 'aside')のようなものです。removeClass( 'open')'野生の推測 – adeneo