2012-02-10 15 views
18

jQueryでmarginLeftをアニメーション化することができません。ユーザーが.css()を使用していたときに正常に動作していたリンクをクリックするたびに938ピクセルを差し引く必要がありますが、.animate()と動作させる方法を理解できません。jQueryでmarginLeftをアニメーション化する

$("#full-wrapper #full").animate({ 
    marginLeft, -=938px 
}, 500); 

これが機能しない理由を理解できる人はいますか?これは私のCSSバージョンでした:

私はアニメーションのためにCSS3を使用していましたが、それは古いブラウザで動作させる必要があります。

答えて

37

コードに構文エラーがあります。オブジェクトのパラメータをanimate()に渡すと、:ではなく,を使用して各属性を区切る必要があります。これを試してみてください:

$("#full-wrapper #full").animate({ 
    marginLeft: '-=938px' 
}, 500); 

Example fiddle

+3

あなたは私にそれを打つ! – peduarte

+0

これもうまくいきません。あなたは引用符を見逃しています。 – ShankarSangoli

+1

正常に動作します。ありがとう、それはノブの間違いだった。 – JacobTheDev

1
$("#full-wrapper #full").animate({ 
    marginLeft: '-=938px' 
}, 500); 
2

コロン(:)でcommanを(、)に置き換えます。

$("#full-wrapper #full").animate({ 
    marginLeft: "-=938px" 
}, 500); 
関連する問題