この（アニメーション化）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(){ 

あなたが取得する必要がありますあなたのコードをテストするときにコンソールログを見る習慣に変わります。あなたが受け取ったであろうエラーメッセージは、問題がどこにあったかを正確に示していました。