次のアニメーションは、関数が呼び出されたときに最初に必要なときとまったく同じように機能しますが、関数を呼び出すと不透明アニメーションのみが動作し、左にも実行しようとしません。私は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);
}
です。これは、あなたのdivに関わらず、それを呼び出して左毎回の50ピクセルを移動します
left: "+=50"
しようとするだろう役立つ我々はいくつかのHTMLまたは例があった場合http://jsfiddle.netで。 –
それをチェックしてください... www.digitalbrent.com/lab - 人口をクリックし、次に減少をクリックしてください。 –