即使添加了类，也不会应用 Scss/sass 样式

Question

我有一个函数可以添加单击时active的类。

问题是我可以看到在inspect浏览器时单击时添加的类，但没有应用实际的样式。

请参阅下面的代码

HTML

<div class="header">
</div>
<div class="modal-wrapper">                     
</div>

查询

$(".header").on("click", function (){
    const wrapper = $(".modal-wrapper");
    wrapper.addClass(".active");
});

SCSS

.modal-wrapper{
    &.active{
        width: 100%;
        height: 100%; 
        position: fixed; 
        background-color: #444; 
        top: 0; 
        left:0; 
        z-index:4444;
    }
}

Answer 1

您的代码中存在小的语法错误，请删除 . 来自 cals“活动”类名

wrapper.addClass(".active");

变成

wrapper.addClass("active");

工作 Js 小提琴： https : //jsfiddle.net/katheer_mizal/qb4zwa1k/3/