2012-03-25 2 views
3

私はjqueryのを使用して、いくつかのアニメーションを追加したが、それは働いていない:このdivはなぜアニメーション化されませんか?

$('.test-container').click(function(){ 
    $(this).css('background-color', 'rgb(119, 119, 119)'); 
$(this).animate({right: '50%', opacity: 0.3}, 1000); 

}) 

をここでは、私が作成したjfiddleです:http://jsfiddle.net/eJhdm/2/

私はここで明らかに間違って何かをやっていますか?私はそれを見ることができません。

+3

* I *をクリックするとアニメーションが表示されます。役立つ場合、私はUbuntu 11.04でChromium 17を実行しています..? –

+0

お使いのブラウザは何ですか?私はクロムを使用しています –

+0

私はWindows Vistaでchrome 17.0.963を使用しています。私は混乱しています。 –

答えて

6

divに位置を設定する必要があります。

<div class="test-container" style="/*other CSS*/ position:absolute;">testtt</div> 

http://jsfiddle.net/3HhWx/

+1

あなたは絶対に正しいです。私は色の変化と不透明アニメーションを見た。しかし、私はそれもdiv自体を移動するためのものであることを認識していませんでした。私はばかです...しかし+1! (そして、編集を許してください。しかし、ここのサンプルコード*を与えて、そのコードを示すために外部リソースを使用するのが最善です)。 'position:relative;'を使うことも*働きます。所望の最終結果に応じて。 –

+0

はい、position:relativeはコンテキスト内でうまくいくはずです。そうです。 – haltabush

0

スペルミスは、プログラマの最初の最悪の敵です。

あなたが実際に問題になっているdiv要素のために定義されたpositionがなかった})

http://jsfiddle.net/eJhdm/13/

;を忘れてしまいました。

+0

まだそのフィドルで私のためにアニメ化していません。私はクロム17.0.963を使用しています。何が起こっているのですか... –

+0

http://jsfiddle.net/eJhdm/13/ –

+0

優れています。私は不思議ですが、なぜ他の人たちにとってもこれはうまくいきました。彼らはjsfiddleの位置を指定する必要はありませんでしたか? –

3
<div class="test-container" style="position: relative;width:100px; height:100px">testtt</div>​ 

追加 "位置:相対;"

関連する問題