Javascript If/else语句检查不透明度，添加类但不删除类

下面的函数检查标题的不透明度（在滚动时逐渐消失），如果不透明度小于1，则通过添加headerclickoff类关闭指针事件（可单击性）。由于某些原因，它不会删除它！知道我的代码有什么问题吗

function headerclickoff(){
  var opacity = $("header").css("opacity");
if ( opacity <= 1) {
    console.log("working");
  $("header").addClass("headerclickoff");
} else {
  $("header").removeClass("headerclickoff");
};
};

函数headerclickoff（）{
var不透明度=$（“标题”）.css（“不透明度”）；
如果（不透明度值不同，则您的条件始终为真

因此，我认为如果不透明度小于1，不小于或等于，则需要添加该类

function headerclickoff() {
    var opacity = $("header").css("opacity");
    if (opacity < 1) {
        console.log("working");
        $("header").addClass("headerclickoff");
    } else {
        $("header").removeClass("headerclickoff");
    }
}

函数headerclickoff（）{
var不透明度=$（“标题”）.css（“不透明度”）；
如果（不透明度<1）{
控制台日志（“工作”）；
$（“header”）.addClass（“headerclickoff”）；
}否则{
$（“header”）.removeClass（“headerclickoff”）；
}
}


您还可以使用toggleClass

function headerclickoff() {
    var opacity = $("header").css("opacity");
    console.log('opacity', opacity);
    $("header").toggleClass("headerclickoff", opacity < 1);
}

函数headerclickoff（）{
var不透明度=$（“标题”）.css（“不透明度”）；
console.log（'opacity'，opacity）；
$（“页眉”）.toggleClass（“headerclickoff”，不透明度<1）；
}

演示：
这些值随时间变化，因此您的条件始终为真

因此，我认为如果不透明度小于1，不小于或等于，则需要添加该类

function headerclickoff() {
    var opacity = $("header").css("opacity");
    if (opacity < 1) {
        console.log("working");
        $("header").addClass("headerclickoff");
    } else {
        $("header").removeClass("headerclickoff");
    }
}

函数headerclickoff（）{
var不透明度=$（“标题”）.css（“不透明度”）；
如果（不透明度<1）{
控制台日志（“工作”）；
$（“header”）.addClass（“headerclickoff”）；
}否则{
$（“header”）.removeClass（“headerclickoff”）；
}
}


您还可以使用toggleClass

function headerclickoff() {
    var opacity = $("header").css("opacity");
    console.log('opacity', opacity);
    $("header").toggleClass("headerclickoff", opacity < 1);
}

函数headerclickoff（）{
var不透明度=$（“标题”）.css（“不透明度”）；
console.log（'opacity'，opacity）；
$（“页眉”）.toggleClass（“headerclickoff”，不透明度<1）；
}

演示：
这些值随时间变化，因此您的条件始终为真

因此，我认为如果不透明度小于1，不小于或等于，则需要添加该类

function headerclickoff() {
    var opacity = $("header").css("opacity");
    if (opacity < 1) {
        console.log("working");
        $("header").addClass("headerclickoff");
    } else {
        $("header").removeClass("headerclickoff");
    }
}

函数headerclickoff（）{
var不透明度=$（“标题”）.css（“不透明度”）；
如果（不透明度<1）{
控制台日志（“工作”）；
$（“header”）.addClass（“headerclickoff”）；
}否则{
$（“header”）.removeClass（“headerclickoff”）；
}
}


您还可以使用toggleClass

function headerclickoff() {
    var opacity = $("header").css("opacity");
    console.log('opacity', opacity);
    $("header").toggleClass("headerclickoff", opacity < 1);
}

函数headerclickoff（）{
var不透明度=$（“标题”）.css（“不透明度”）；
console.log（'opacity'，opacity）；
$（“页眉”）.toggleClass（“headerclickoff”，不透明度<1）；
}

演示：
这些值随时间变化，因此您的条件始终为真

因此，我认为如果不透明度小于1，不小于或等于，则需要添加该类

function headerclickoff() {
    var opacity = $("header").css("opacity");
    if (opacity < 1) {
        console.log("working");
        $("header").addClass("headerclickoff");
    } else {
        $("header").removeClass("headerclickoff");
    }
}

函数headerclickoff（）{
var不透明度=$（“标题”）.css（“不透明度”）；
如果（不透明度<1）{
控制台日志（“工作”）；
$（“header”）.addClass（“headerclickoff”）；
}否则{
$（“header”）.removeClass（“headerclickoff”）；
}
}


您还可以使用toggleClass

function headerclickoff() {
    var opacity = $("header").css("opacity");
    console.log('opacity', opacity);
    $("header").toggleClass("headerclickoff", opacity < 1);
}

函数headerclickoff（）{
var不透明度=$（“标题”）.css（“不透明度”）；
console.log（'opacity'，opacity）；
$（“页眉”）.toggleClass（“headerclickoff”，不透明度<1）；
}

演示：
@ArunPJohny只是尝试了一下，但运气不好。现在没有添加类。奇怪。作为替代，我从标题中删除了所有可单击的项，并使用z索引对它们进行分层，并直接在样式表中关闭了标题的所有指针事件。我真希望我知道出了什么问题。谢谢你的帮助！@sjos你能尝试一下吗在附件中重新创建您的案例，并共享更新的案例fiddle@ArunPJohny只是尝试了一下，但没有成功。现在没有添加该类。奇怪。作为替代，我从标题中删除了所有可单击的项目，并使用z索引将它们分层，并直接在样式表中关闭标题的所有指针事件。我真希望知道w虽然这是错的。谢谢你的帮助！@sjos你能试着在所附的提琴中重新创建你的案例并分享更新的内容吗fiddle@ArunPJohny只是尝试了一下，但运气不好。现在没有添加该类。奇怪。作为替代，我从标题中删除了所有可单击的项目，并使用z索引对其进行分层，并关闭了标题的所有指针事件er直接在样式表中。我真希望我知道是什么错了。谢谢你的帮助！@sjos你能尝试在所附的提琴中重新创建你的案例并共享更新的文档吗fiddle@ArunPJohny只是尝试了一下，但运气不好。现在没有添加该类。奇怪。作为替代，我从标题中删除了所有可单击的项目并将其分层使用z-index，并直接在样式表中关闭标题的所有指针事件。我真希望我知道出了什么问题。谢谢你的帮助！@sjos你能尝试在附加的提琴中重新创建你的案例并共享更新的提琴吗