javascript - 当相对 div 处于事件状态时，Jquery 更改类

Question

所以我有几个用于打开和关闭侧边栏菜单的菜单触发器(汉堡包)的功能，并在此过程中将其形状从三行更改为 X(标准)，这是一个名为 active 的类的形式..

这是代码....

$(document).ready(function () {
    var $navToggle = $('.nav-toggle');
    $(".navbtn").click(function () {
        if($navToggle.hasClass('active')){
            $('#menu').multilevelpushmenu('collapse');
            $navToggle.removeClass('active');
            $(this).addClass('active');
        }
        else{
            $('#menu').multilevelpushmenu('expand');
            $navToggle.addClass('active');
            $(this).removeClass('active');
        }
    });

    //ALLOWS CLICK ON THE BODY TO CLOSE THE MENU//
    $(":not(#menu)").click(function(){
        $( '#menu' ).multilevelpushmenu( 'collapse' );
        $('.nav-toggle').removeClass('active');
           $(this).addClass('active');   
    });
});

我似乎无法让“允许点击正文”功能起作用，可能是因为它们与上面的其他两个功能混淆了...有人可以帮我吗？

Answer 1

假设您将正文内容包裹在某种类型的容器中。您可以将点击功能添加到您的容器中。

例子。

$(".container").click(function(){
        $( '#menu' ).multilevelpushmenu( 'collapse' );
        $('.nav-toggle').removeClass('active');
           $(this).addClass('active');   
    });