这个（动画）jquery代码有什么问题？

Question

var object = $('#object');
var start = $('#start');
var normal = $('#object_normal');
normal.hide();

start.on('click', function(){
    object.animate({margin-bottom:'0px'}, 3000, function(){
                normal.fadeIn(700) ;  
                   });
});

任何人都可以解释为什么这段代码不起作用？函数外部的变量和方法确实有效。但是当我添加下面的功能时，突然间没有任何反应。所以这个功能一定有问题。

Answer 1

这一行是问题所在：

object.animate({margin-bottom:'0px'}, 3000, function(){

（要设置动画的属性被解释为边距减去底部。）

相反，请使用：

object.animate({marginBottom:'0px'}, 3000, function(){

在测试代码时，您应养成观察控制台日志的习惯;您收到的错误消息会告诉您问题的确切位置。