我的jQuery动画语法出了什么问题?

时间:2015-05-25 09:22:33

标签: jquery animation syntax jquery-animate appendto

$(document).ready(function(){
    $('.title').click(function(){
        $('.nav a li').appendTo.css({bottom:5em);
        $(".nav a li").animate({bottom:$(this).offset().bottom}, slow});
    });
);

jQuery新手在这里。我需要重新创建一个横幅从顶部飞来的横幅,然后是8个导航按钮从顶部一个接一个地飞入。我从这里开始。

当我点击.title时,没有任何反应。我只是在document.ready上尝试过,没有任何反应。控制台是空白的。

我保证我会到处阅读我的jQuery书籍......但与此同时,我在这里做错了什么?我想一旦我做对了,我就可以处理动画中的其他一切。

1 个答案:

答案 0 :(得分:1)

动画部分不是问题。 (实际上,部分是。)问题在于之前的行:

$('.nav a li').appendTo.css({bottom:5em);

appendTo是一个函数,5em需要引号。你可能意味着:

$('.nav a li').appendTo(/*...something here...*/).css({bottom:"5em");

或根据您的评论:

  

我试图追加底部:5em to .nav a li c's。

你想要

$('.nav a li').css({bottom:"5em");

动画部分的错误在于slow应该在引号中。