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

下面的函数检查头的不透明度（在滚动时淡出），如果小于1，则通过添加关闭指针事件（可点击性）类headerclickoff。出于某种原因，它不会删除它！任何想法我的代码有什么问题？If/else语句检查不透明度，添加类但不删除类

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

来源

2015-05-13 sjos

的opacity值从0...1变化让你的条件将永远是正确的。

所以我认为你需要添加类，如果不透明度小于1，不小于或等于

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

您还可以使用toggleClass

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

演示： Fiddle

来源

2015-05-13 01:54:25

好点。出于某种原因，现在不添加课程！ – sjos

@sjos尝试更新和附加演示 –

@ArunPJohny刚刚尝试过，没有运气。班级现在不添加。奇怪。作为替代，我从标题中删除所有可点击的项目，并使用z-index对它们进行分层，并直接在样式表中关闭标题的所有指针事件。我真的希望我知道什么是错的。谢谢你的帮助！ – sjos

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

回答

相关问题