Javascript 通过.animate（）更改特定的css样式

我目前正在编写我的个人代码，可能真的需要一些jQuery方面的帮助

我希望粘性导航在通过标题部分后更改其背景颜色，因为我使用了jQuery WayPoint插件

然后我为上面的内容和标题部分下面的内容定义了一些特殊的css。到目前为止，背景和字体颜色发生了变化，.active类链接和.navbar品牌的颜色没有变化

下面的脚本有什么问题吗

$navbar.find('.navbar-brand').animate({color:'white'},500);
            $navbrand.css({font-weight:"normal"});

$navbar.find('.navbar-brand').animate({color:'white'},500);
            $navbrand.css({font-weight:"normal"});

如果是的话，那么我真的很想解释一下为什么它不起作用

以下是完整的代码：

$('#navchange').waypoint(function() {
    var $navbar = $("#changenav");
    var $navbrand = $("active > a:focus");

    if($(window).scrollTop() < $('#navchange').css("top").replace("px", "")) {
        // Above
        $navbar.animate({backgroundColor:'transparent'},300);
        $navbar.find('a').animate({color:'white'},500);
        $navbar.find('.navbar-brand').animate({color:'white'},500);
        $navbrand.css({font-weight:"normal"});

    } else {
        $navbar.animate({backgroundColor:'#FFFFFF'},500);
        $navbar.find('a:link').animate({color:'#1abc9c'},500);
        $navbar.find('.navbar-brand').animate({color:'#1abc9c'},500);
        $navbrand.css({font-weight:"bold"});

    }

});

$（'#navchange'）。航路点（函数（）{
var$navbar=$（“#changenav”）；
var$navbrand=$（“活动>a:焦点”）；
if（$（window）.scrollTop（）<$（'#navchange'）.css（“top”）.replace（“px”，”）{
//在上面
$navbar.animate（{backgroundColor:'transparent'}，300）；
$navbar.find（'a'）.animate（{color:'white'}，500）；
$navbar.find（'.navbar brand'）.animate（{color:'white'}，500）；
$navbrand.css（{font-weight:“normal”}）；
}否则{
$navbar.animate（{backgroundColor:'#FFFFFF'}，500）；
$navbar.find（'a:link'）.animate（{color:''1abc9c'}，500）；
$navbar.find（'.navbar brand'）.animate（{color:''1abc9c'}，500）；
$navbrand.css（{font-weight:“bold”}）；
}
});

---

是我网站的链接

您有一些语法错误

您应该引用

.css

中的css属性

$navbrand.css({"font-weight":"normal"});
$navbrand.css({"font-weight":"bold"});

您的

$navbrand

选择器中也缺少一个句点

var $navbrand = $(".active > a:focus");

---

出现语法错误。愿意和我们分享吗<代码>$navbrand.css（{font-weight:“normal”}）特别应该给您一个语法错误。按F12打开您的控制台。不确定这是否是问题所在，但您在

var$navbrand=$（“active>a:focus”）中缺少
active
之前的一段时间谢谢您的快速回答。我的语法错误如下：“Uncaught SyntaxError:Unexpected token”，您尚未从Google请求字体的粗体版本。将PT SAN窄带的链接更新为
http://fonts.googleapis.com/css?family=PT+Sans+窄带：400700
。感谢您指出这一点！我解决了这个问题，但是字体粗体仍然不起作用。有什么建议吗？我真的很感谢你的帮助！我不知道为什么选择器中使用了
：focus
。删除它可能会有帮助。嗯，不，不幸的是，这不会改变任何东西。请在粗体代码之前尝试
console.dir（$navbrand）
。可能是在设置选择器变量后应用了
active
类。您也可以使用css应用粗体样式
.active>a{font-weight:bold；}。active:first-child>a{font-weight:normal；}
。