如果body沒有“ ie”類，則執行其他操作。

Question

我想我寫錯了，因為它沒有按照我的預期工作。

我希望它像這樣工作：

如果body沒有ie類，並且body.single #project-wrapper具有activated類，則應添加grayscale類並更改opacity 。

如果body具有ie類，並且body.single #project-wrapper具有activated類，則應僅更改opacity 。

如何重寫下面的代碼以反映我上面寫的內容？

if (!$(body).hasClass('ie')) {
    if ( $('body.single #project-wrapper').hasClass('activated') ) {
        $('article.project').addClass('grayscale').css('opacity', '0.4');
    }
}

if ($(body).hasClass('ie')) {
    if ( $('body.single #project-wrapper').hasClass('activated') ) {
        $('article.project').css('opacity', '0.4');
    }
}

Answer 1

身體需要使用元素選擇器。 沒有名為body變量，因此您應該遇到類似ReferenceError: body is not defined的錯誤ReferenceError: body is not defined控制台中ReferenceError: body is not defined

if ($('body').hasClass('ie')) {
    if ($('body.single #project-wrapper').hasClass('activated')) {
        $('article.project').css('opacity', '0.4');
    }
} else {
    if ($('body.single #project-wrapper').hasClass('activated')) {
        $('article.project').addClass('grayscale').css('opacity', '0.4');
    }
}

---

由於條件$('body.single #project-wrapper').hasClass('activated')很常見，因此您可以執行以下操作

if ($('body.single #project-wrapper').hasClass('activated')) {
    if ($('body').hasClass('ie')) {
        $('article.project').css('opacity', '0.4');
    } else {
        $('article.project').addClass('grayscale').css('opacity', '0.4');
    }
}