将类添加到Bootstrap上的固定导航栏，而不添加类？

Question

我有一个固定的透明导航栏，并希望背景在滚动时变为纯白色。

我为此编写的代码在许多其他站点上都可以正常工作，但是在滚动的此特定站点上，根本没有添加任何类。

这是我的代码：

JS

;(function($){
    $(window).scroll(function() {
        if($(this).scrollTop() > 25) {
            $('.navbar-fixed-top').addClass('navbar-solid');
        } else {
            $('.navbar-fixed-top').removeClass('navbar-solid');
        }
    });
})(jQuery);

CSS

.navbar-fixed-top {
    background-color: rgba(255,255,255,0);
     transition: background-color 1s ease 0s;
     padding-bottom:15px;
     padding-top:15px;
     padding-left:30px;
     padding-right:30px;
     border-bottom:1px solid #eaeaea;
 }
 .navbar-solid {
     background-color: rgba(255,255,255,1);
     transition: background-color 1s ease 0s;
     border-bottom:1px solid #eaeaea;
    -webkit-box-shadow: 0 4px 6px -6px #222;
    -moz-box-shadow: 0 4px 6px -6px #222;
    box-shadow: 0 4px 6px -6px #222;
}