我正在处理叠加菜单,我有2个菜单,一个在隐藏叠加时显示,第二个在叠加中(当您点击汉堡包并激活叠加时隐藏其他菜单).我的问题是当你点击链接时(我试图将www.google.com放在href中)没有任何反应,它只是刷新它自己就像href中的"#"一样.在我的叠加层中,我还有一个带有社交链接的部分,并且链接正常工作,但菜单中没有链接(不是经典或叠加菜单链接不起作用)
$(document).ready(function() {
$(".button a").click(function() {
$(".overlay").fadeToggle(200);
$(this).toggleClass('btn-open').toggleClass('btn-close');
});
});
$('.overlay').on('click', function() {
$(".overlay").fadeToggle(200);
$(".button a").toggleClass('btn-open').toggleClass('btn-close');
open = false;
});body {
margin: 0;
padding: 0;
background: #fff;
font-family: 'Montserrat', sans-serif;
font-size: 12px;
}
ul {
margin: 0;
padding: 0;
text-decoration: none;
list-style: none;
}
li {
padding: 0;
margin: 0;
}
nav {
text-align: center;
width: 100%;
position: relative;
height: auto;
overflow: hidden;
background: none;
}
nav ul {
text-align: center;
z-index: 999;
}
nav ul li {
display: …