WP页眉不透明度在页面上不起作用

我这里有些怪异。我创建了一个自定义的WordPress主题, 当用户使用我在bundled.min.js中调用的JavaScript文件中的这段JavaScript向下滚动页面时, 我将标题元素的不透明度更改为不透明的白色。

$(function($){ if($(document).scrollTop() > 3){ $('.header').addClass('dark'); } // Add opacity class to the site header $(document).on('scroll', function(){ if($(document).scrollTop() > 3){ $('.header').addClass('dark'); } else { $('.header').removeClass('dark') } }); });

当然, 也有一些css定位到位于header.php文件中的header元素。 header.php文件也包含在主题中的front-page.php, page.php, single.php, index.php和所有其他常规WordPress页面中。
就是说, 我面临的问题是不透明度滚动功能仅适用于我的front-page.php文件, 而其他页面均不起作用。我真的不知道为什么会这样。有人遇到过吗？
非常感谢
#1看来我已经解决了！ JavaScript代码位于一个文件中, 该文件具有特定于front-page.php文件的其他Javascript函数, 因此我创建了一个名为header.min.js的新文件, 并在其中添加了功能, 然后将该文件添加到了footer.php文件中！
【WP页眉不透明度在页面上不起作用】这些函数之间显然存在一些冲突, 但所有工作均正常进行, 现在没有错误发生！