jquery - 尝试使用jquery在 header 中切换徽标以添加/删除类

基本上，我的网站上有一个标题，当您开始向下滚动时，标题会从透明变为白色。开始滚动时，它将添加一个固定在标题中的类。我尝试在标头为固定标头或无效的情况下在两个徽标之间切换。这是我现在无法使用的jQuery：

$( document ).ready(function() {
        if( $('#masthead').hasClass('header-fixed') ) {
            $('.bdanzer-fixed').addClass('bdanzer-show');
        } else {
            $('.bdanzer-fixed').removeClass('bdanzer-show');
        }
    });

编辑，添加HTML：

<img class="bdanzer-normal" src="https://dummytext">
                <img class="bdanzer-fixed" src="https://dummytext">

最佳答案

也可以使用toggleClass函数进行简化：

$(document).on('scroll', function(){
    var hasClass = $('#masthead').hasClass('header-fixed'));
        $('.bdanzer-fixed').toggleClass('bdanzer-show', hasClass );
});