我有一个移动切换菜单。我需要的是 - 当用户点击菜单项时,我需要切换菜单关闭。点击关闭切换菜单
的jQuery:
$(".nav-button").click(function() {
$(".nav-button,.primary-nav").toggleClass("open");
});
HTML:
<button class="nav-button">Toggle Navigation</button>
<nav id="mobile-nav">
<ul class="primary-nav">
<li class="current"><a class="scroll-link" href="#home">text</a></li>
<li><a class="scroll-link" href="#tab2">text</a></li>
<li><a class="scroll-link" href="#tab3">text</a></li>
<li><a class="scroll-link" href="#tab4">{text</a></li>
<li><a class="scroll-link" href="#tab5">{text</a></li>
<li><a class="scroll-link" href="#tab6">{text</a></li>
</ul>
</nav>
任何帮助将不胜感激,谢谢
UPDATE
感谢所有的答案,但没有他们实现了我想要的,我知道我的杉木这个问题有点垃圾!
主要的原因是该网站i`am做的是视差滚动,所以我想在切换菜单时关闭菜单项被点击,使用户可以看到的,而不是看到一个静态菜单
视差效果我想出了当用户点击菜单项
问题是菜单当我点击切换按钮不会再去打开菜单项已被点击后关闭切换菜单解决方案
有没有一种方法来默认回到原来的公开课,一旦菜单项被点击和菜单哈关门了
$(".nav-button").click(function() {
$(".nav-button,.primary-nav").toggleClass("open");
});
$(".scroll-link").click(function()
$(".nav-button,.primary-nav").toggleClass("close");
});
有啥问题? – seanxe
请再读一遍您自己的问题。 –
'$('。scroll-link')。click(function(){$('。nav-button')。removeClass('open')});' – Albzi