动画功能的jquery问题答案

【问题标题】：jquery problem with animate function动画功能的jquery问题
【发布时间】：2010-08-25 09:05:42
【问题描述】：

我用 jquery 为 div 设置动画。你可以在这里看到我的动画。在页面底部，您单击“呼叫我”按钮。现在你看到了我用 jquery 制作的动画。 http://www.mikevierwind.nl/test/

现在我的动画出错了。我使用这个 jquery 代码来制作动画。

nieuwsbrief_formulier_open = true;
            $(this).parent('li').addClass('actief');
            $("#formulier-callme").animate( { width:"375px" }, 1000 )
                .animate( { height:"270px" }, 1000 )

但是动画出错了。现在他在第一个动画的顶部制作动画。但我希望他在第一个动画的底部制作动画。

我怎样才能做到这一点。感谢您的帮助！

【问题讨论】：

您的问题不够清楚，无法回答。你能解释一下吗？

标签： jquery jquery-animate

【解决方案1】：

不用担心！您只是将动画函数链接在一起，而这些动画函数应该是上一个动画中的回调：

nieuwsbrief_formulier_open = true;
        $(this).parent('li').addClass('actief');
        $("#formulier-callme").animate( { height:"270px" }, 1000, function(){
            $(this).animate( { width:"375px" }, 1000 );
        });

您还可以在this thread 中获取有关 jQuery 动画的更多信息

【讨论】：