Wordpress 单击后关闭主题菜单答案

【问题标题】：Wordpress Close theme menu after clickWordpress 单击后关闭主题菜单
【发布时间】：2017-05-12 00:10:37
【问题描述】：

我正在使用this Wordpress 主题，称为 ichiban。我制作了一些直接链接到同一页面上的部分的自定义菜单项。对于这些情况，我希望在单击项目时取消切换整个菜单。这是我一直在处理的代码；

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");
    });

});

谢谢大家:)

【问题讨论】：

标签： javascript jquery css wordpress

【解决方案1】：

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

改变这一行：

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

收件人：

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

【讨论】：

【解决方案2】：

这个帮助？

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>

$('#menu-main li a') 也可能有问题。那个标签是错误的。您需要将单击状态直接指向按钮类，因为您将菜单隐藏在任何 li 内的任何 a 标记上。

【讨论】：

感谢您的尝试！但是这段代码只是隐藏了菜单，并没有重置菜单按钮，仍然无法重新打开菜单。我想也许我使用了错误的类来隐藏。
$('#menu-main li a') 我认为是你的问题。 a 标签是错误的。您需要直接将单击状态指向按钮类，因为您将菜单隐藏在任何 a 标记上的任何 li