Question

我使用的是this Wordpress主题，名为ichiban。我做了一些自定义菜单项，直接链接到同一页面上的部分。对于这些情况，我希望整个菜单在＆lt; li>单击项目。这是我一直在研究的代码;

jQuery( document ).ready(function($) {

    $('#menu-main li a').on("click", function(){
        $('.site-overlay-wrapper').hide();
    });

});

目前，此代码仅隐藏打开菜单，菜单按钮不会重置，并且无法重新打开菜单。请帮助我正确使用此代码。

解

jQuery( document ).ready(function($) {

    $('#menu-main li a').on("click", function(){
        $("body").removeClass("overlay-open");
    });

});

谢谢大家：）

Answer 1

您可以尝试使用jQuery .toggle()方法。

更改此行：

$('.site-overlay-wrapper').hide();

要：

$('.site-overlay-wrapper').toggle();

Answer 2

这有帮助吗？

ptr2

以下是工作示例：

jQuery( document ).ready(function($) {
    var t = true;
    $('#menu-main li a').on("click", function(){
        if(t===true){
            $('.site-overlay-wrapper').hide();
            t=false;
        }
        else{
            $('.site-overlay-wrapper').show();
            t=true;
        }
    });

});

jQuery( document ).ready(function($) {
        var t = true;
        $('#button').on("click", function(){
            if(t===true){
                $('.show').hide();
              $(this).text("SHOW");
                t=false;
            }
            else{
                $('.show').show();
              $(this).text("HIDE");
                t=true;
            }
        });
    
    });

您也可能遇到<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <button type="button" id="button">CLICK</button> <div class="show">HAPY NEW YEAR!!!</div>的问题。标签是错误的。您需要直接点击statemant到按钮类，因为您在任何$('#menu-main li a')内的任何a标记上隐藏了您的菜单。

点击后Wordpress关闭主题菜单

2 个答案: