jQuery 不会更改 css 或动画...我做错了什么？

Question

这是我目前拥有的 jsFiddle:https://jsfiddle.net/vst5fky5/

我正在用 jQuery 重做一个 Flash 部分。有一个 Logo 和 7 个内联列表项(导航)，我需要从顶部开始制作动画。我想用jQuery在开头加上top:-5em，然后一个一个往下放。

没有任何效果。注意: Logo 点击功能仅用于测试，我想让它更改 CSS，然后在页面加载时运行动画。

$(document).ready(function(){
    $('.nav a li').css("top:","-5em");
    $('#logo').click(function(){
        $(".nav a li").animate({top:$(this).offset().top}, 'slow');
    });
});

Answer 1

语法问题。您已在以下语法中添加了额外的 :。

 $('.nav a li').css("top:","-5em");

应该是

 $('.nav a li').css("top","-5em");

DEMO