2012-01-04 7 views
3

ここに新しくなっており、htmlやcssに関する質問をお待ちしています。私はjqueryに新しいと私の質問はこれです。私はこれまで私が持っているこの..Jqueryが相次いでアニメーションを作成しますか?

$(document).ready(function(){ 
    $('div1').animate({top:119},1500, function() { 
    $('div2').fadeIn('slow') 
    }); 
}); 

方法とは、私は$('div3').fadeIn('slow')をどこに挿入する、そしてその後、別の後にDIV3 DIV2 DIV1をアニメーション化したいと思いますか?

感謝

答えて

3

.fadeIn()あなたは

$('#div1').animate({top:119}, 1500, function() { 
    $('#div2').fadeIn('slow', function() { 
     $('#div3').fadeIn('slow'); 
    }); 
}); 
1

.fadeIn()メソッドのコールバック関数があります。コールバック内に次のフェードを追加することができます。

$(document).ready(function(){ 
    $('div1').animate({top:119},1500, function() { 
    $('div2').fadeIn('slow', function() { 
     $('div3').fadeIn('slow'); 
    }); 
    }); 
}); 
0

を行うことができますので、あなたが、私はそれを言って申し訳ないが、あなたこの

$(document).ready(function(){ 
$('div1').animate({top:119},1500, function() { 
$('div2').fadeIn('slow', function() {$('div3').fadeIn('slow')}) 
}); 
}); 
+0

ような何かを行うことができ、ちょうど.animate()ように、コールバックパラメータを受け入れますあなたのコードの可読性に焦点を当てることを本当に考慮する必要があります。カンマやインデントの後ろの適切なスペース、改行も考慮する必要があります。これは初心者のためのかなり解読しにくいコードです。 –

関連する問題