Javascript 基础6手风琴菜单点击后自动关闭 我使用了一个手风琴菜单,而不是在中间断点下面的一个画布解决方案,如在基础文档中所描述的,但是我正在努力让菜单在菜单中的一个链接被点击之后自动关闭。我一直在寻找一个解决方案,看到了这个问题,但没有找到一个适合我的答案。但是我遇到了,经过检查,我认为简单地用垂直菜单使用的类替换.off canvas就可以了,但事实并非如此 $(document).foundation(); $('.vertical a').on('click', function() { $('.vertical').foundation('close'); });
我的菜单标记:Javascript 基础6手风琴菜单点击后自动关闭 我使用了一个手风琴菜单,而不是在中间断点下面的一个画布解决方案,如在基础文档中所描述的,但是我正在努力让菜单在菜单中的一个链接被点击之后自动关闭。我一直在寻找一个解决方案,看到了这个问题,但没有找到一个适合我的答案。但是我遇到了,经过检查,我认为简单地用垂直菜单使用的类替换.off canvas就可以了,但事实并非如此 $(document).foundation(); $('.vertical a').on('click', function() { $('.vertical').foundation('close'); });,javascript,zurb-foundation-6,Javascript,Zurb Foundation 6,我的菜单标记: <nav class="vertical menu" id="mobile-menu" role="navigation"> <ul id="menu-main-1" class="vertical menu" data-accordion-menu="8k34n8-accordion-menu" role="tablist" aria-multiselectable="true"> <li class="menu-item"
<nav class="vertical menu" id="mobile-menu" role="navigation">
<ul id="menu-main-1" class="vertical menu" data-accordion-menu="8k34n8-accordion-menu" role="tablist" aria-multiselectable="true">
<li class="menu-item" role="menuitem"><a>Link 1</a></li>
<li class="menu-item" role="menuitem"><a>Link 2</a></li>
<li class="menu-item" role="menuitem"><a>Link 3</a></li>
</ul>
</nav>
我是新手,所以如果答案显而易见,请原谅。我希望有人能给我指出正确的方向,让我学到一些东西 我认为你的问题可能模棱两可。也许你可以描述一下关闭的手风琴菜单是什么样子/它是如何关闭的?(永远淡出网站?在某个地方滑动?如果它确实关闭了,您如何再次看到它?)。您提供的代码示例用于一个无论屏幕大小都不会消失的菜单。可以包含更多的实际代码,或者用更多的代码创建一个提琴或代码笔。