Question

我使用wordpress二十四主题。当网站调整到移动设备时，它会自动启动菜单，因此您单击该菜单并向下滑动菜单。当我点击一个菜单项时，页面向下滑动以显示内容，唯一的问题是菜单不会像你去新页面那样关闭。

有关如何在点击项目时关闭菜单的任何想法？

编辑：

我在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

我还在doucment ready代码

中找到了以下内容

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

Answer 1

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

点击

1 个答案: