点击关闭 Wordpress 24 移动菜单

Question

我正在使用 wordpress 24 主题。当网站在移动设备上调整大小时，它会自动打开菜单切换，因此您单击它并且菜单会向下滑动。当我单击一个菜单项时，页面会向下滑动以显示内容，唯一的问题是菜单不会像您进入新页面时那样关闭。

关于单击项目时如何关闭菜单的任何想法？

编辑：

我已经查看了 js 代码并注意到了

button.on( 'click.twentyfourteen', function() {
        nav.toggleClass( 'toggled-on' );
        if ( nav.hasClass( 'toggled-on' ) ) {
            $( this ).attr( 'aria-expanded', 'true' );
            menu.attr( 'aria-expanded', 'true' );
        } else {
            $( this ).attr( 'aria-expanded', 'false' );
            menu.attr( 'aria-expanded', 'false' );
        }
    } );

似乎处理菜单的打开和关闭，有没有办法将其应用于菜单链接，以便在单击时关闭它？

编辑 2

我还在文档就绪代码中找到了以下内容

$('.toggle').click(function(){
        $('.main_nav').slideToggle();

Answer 1

您有任何脚本错误吗？如果不是，那就是主题的行为。通常，hamburguer 菜单有一个点击事件，因此它会在菜单元素中添加或删除一个类以显示或不显示<ul> 菜单。因此，您可以为 <li> 元素添加一个带有锚点的类，并将一个新事件“点击”附加到 hamburguer 到 add / remove 类或使用 hide / show 函数。