2012-04-01 14 views
0

次のアニメーションは、関数が呼び出されたときに最初に必要なときとまったく同じように機能しますが、関数を呼び出すと不透明アニメーションのみが動作し、左にも実行しようとしません。私はJqueryのノブですので、他のアニメーションがうまく動作している間にそのアニメーションを動作させない原因がわかりません。どのようなヒントも高く評価されています。この例は、www.digitalbrent.com/labで見つけることができます - 入力をクリックし、次に減少をクリックしてください。jqueryアニメーションは最初に起動しますが、クラスを変更した後ではありません。

function slider_minus(){ 

    $('.left_slot').animate({ 
     left: '50px'  //only works on first function call 
    },300); 

    $('.middle_slot').animate({ 
     left: '50px'  //only works on first function call 
    },300, function(){ 
     $('.middle_slot').attr('class','right_slot') 
     $('.left_slot').attr('class','middle_slot') 
    }); 

    $('.right_slot').animate({ 
     opacity: 0,   //works correctly every time 
     left: '50px'  //only works on first function call 
    },300); 
} 
+0

です。これは、あなたのdivに関わらず、それを呼び出して左毎回の50ピクセルを移動します

left: "+=50"

しようとするだろう役立つ我々はいくつかのHTMLまたは例があった場合http://jsfiddle.netで。 –

+0

それをチェックしてください... www.digitalbrent.com/lab - 人口をクリックし、次に減少をクリックしてください。 –

答えて

2

それはは50px左だ後、それはアニメーションを見ていないので、あなたは、left:50pxを設定しているので。

は今おそらく

+0

ビンゴ!ありがとうございました@NiftyDude。よく働く!私は+ =方向に切り替える必要があったが、それは素晴らしい答えだった! –

+0

確かな事ですが、心配無用です。とにかく編集:p –

関連する問題