jquery 与YouTube视频相比,toggleClass在我的Vscode上不起作用

acruukt9  于 2022-11-22  发布在  jQuery
关注(0)|答案(1)|浏览(118)

我 的 代码 切换 是 不 工作 的 Youtube 视频 ( https://www.youtube.com/watch?v=QDbjsABOnAU ) 我 正在 看 , toggleClass 是 不 工作 的 .
下面 是 我 的 js 代码 :

$(document).ready(function() {

    $('#menu').click(function(){
        $(this).toggleClass('fa-times');
        $('header').toggleClass('toggle');
    });

    $(window).on('scroll load', function() {

        $('#menu').removeClass('fa-times');
        $('header').removeClass('toggle');
    });
});

中 的 每 一 个
下面 是 我 的 scss :

@media (max-width:991px) {
    header {
        left:-120%;

        .toggle {
            left:0%;
        }
    }

    #menu {
        display: block;
    }
}

格式
下面 是 完整 代码 的 git 链接 :https://github.com/genius101/FrontEnd_Projs/tree/main/site/v2 格式
希望 听到 您 的 反馈 。

km0tfn4u

km0tfn4u1#

您在.toggle之前错过了&

@media (max-width:991px) {
header {
    left:-120%;

    &.toggle {
        left:0%;
    }
}

#menu {
    display: block;
}

}

相关问题