Html 更改卷轴上的徽标颜色

我曾试图实现，但这样做似乎打破了我的网站。我的网站徽标与导航栏背景颜色相同，所以我尝试在导航栏出现后切换到黑色徽标。但是，该网站挂起在微调器加载程序上，当代码块处于活动状态时无法加载。注释掉代码可以修复这一问题，并且网站行为正常。你知道我错过了什么吗？以下是相关代码：

//Javascript
//jQuery可折叠滚动条上的导航栏
$（窗口）.on（'滚动加载'，函数（））{
如果（$（“.navbar”）.offset（）.top>20）{
美元（“.fixed top”）.addClass（“顶部导航崩溃”）；
//$（“img.logo image”）.attr（'src'，“images/master\u logo\u black.svg”​);
}否则{
$（“.fixed top”）.removeClass（“顶部导航崩溃”）；
//$（“img.logo image”）.attr（'src'，“images/master\u logo\u gold.svg”​)
}
});
//jQuery将更改为徽标颜色这就是问题所在
$（文档）.ready（函数（）{
$（窗口）。打开（“滚动”，函数（）{
如果（$（this）.scrollTop（）>20）{
$（“.logo image img”）.attr（“src”、“images/master_logo_black.svg”​);
}否则{
$（“.logo image img”）.attr（“src”、“images/master\u logo\u gold.svg”​);
}
})
})；

.navbar自定义{
垫面：0.375rem；
垫底：0.375rem；
背景色：#FFBF00；
盒子阴影：0.0625rem 0.375rem 0 rgba（0,0,0,0.1）；
字体：600 0.875rem/0.875rem“开放式SAN”，无衬线；
过渡：均为0.2s；
}
.导航栏定制.导航栏品牌{
字号：0；
}
.navbar定制。navbar-brand.logo-image img{
宽度：20雷姆；
身高：5雷姆；
-webkit背面可见性：隐藏；
}
.navbar-custom.top-nav-collapse{
填充：0.375rem 1.5rem 0.375rem 2rem；
盒子阴影：0.0625rem 0.375rem 0 rgba（0,0,0,0.1）；
背景色：#FFBF00；
}
.navbar-custom.top-nav-collapse.navbar-brand.logo-image img{
填充：rgba（0,0,0,1）
}

似乎如下所示。请尝试更改滚动条上的图像

src

，如示例所示

//Javascript
//jQuery可折叠滚动条上的导航栏
const$window=$（window）；
$window.on（'scroll'，function（）{
let scroll=$window.scrollTop（）；
如果（滚动>20）{
美元（“.fixed top”）.addClass（“顶部导航崩溃”）；
//$（“img.logo image”）.attr（'src'，“images/master_logo_black.svg”）；
}否则{
$（“.fixed top”）.removeClass（“顶部导航崩溃”）；
//$（“img.logo image”）.attr（'src'，“images/master\u logo\u gold.svg”）
}
})；

.navbar自定义{
垫面：0.375rem；
垫底：0.375rem；
背景色：#FFBF00；
盒子阴影：0.0625rem 0.375rem 0 rgba（0,0,0,0.1）；
字体：600 0.875rem/0.875rem“开放式SAN”，无衬线；
过渡：均为0.2s；
}
.固定顶{
位置：固定；
排名：0；
左：0；
宽度：100%；
}
.navbar-custom.top-nav-collapse{
填充：0.375rem 1.5rem 0.375rem 2rem；
盒子阴影：0.0625rem 0.375rem 0 rgba（0,0,0,0.1）；
背景色：红色；
}
.logo img{
宽度：50px；
高度：20px；
背景：红色；
}
.顶部导航折叠。徽标img{
背景：绿色；
}
.导航项目{
显示：内联块；
边缘：.2rem；
}

好吧，我意识到我应该检查浏览器控制台，看看发生了什么。原来我在用来替换img src的代码行中有一个零宽度的空格。我删除了它们，现在一切都正常了。