点击

时间:2015-11-23 12:51:00

标签: wordpress

我使用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();

1 个答案:

答案 0 :(得分:0)

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