jquery - ページの読み込み時に 2 つのクラス タグを別々にイーズインする方法

Question

私のページが読み込まれると、最初に「.alpha」が読み込まれ、数秒後に jquery を使用して「.omega」が読み込まれます。そこに例はありますか？easyIn、fadeIn、またはfadeOutを使用しますか?

ありがとうございました。

これに「.omega」をどのように追加しますか?

jQuery(document).ready(function () {


jQuery(window).load(function () {
    setTimeout(function () {
        $(".alpha").fadeOut("fast", function () {})
    }, 500)
})


});

Answer 1

私は使用setTimeoutし、使用しますfadeIn

//you probably do not need to use setTimeout for .alpha, but just in case...
setTimeout(function() {
    $('.alpha').fadeIn();
}, 100);

//then load .omega 2 seconds after .alpha...
setTimeout(function() {
    $('.omega').fadeIn();
}, 2100);

あなたの例に答えるために更新してください：

jQuery(document).ready(function() {
    jQuery(window).load(function() {
            //load in .alpha
        setTimeout(function() {
            $(".alpha").fadeIn("fast", function() {
                //alpha finished loading
                //now load omega
                setTimeout(function() {
                    $(".omega").fadeIn("fast", function() {
                        //omega finished loading
                    })
                }, 2000);
            });
        }, 500);
    });
});

Answer 2

fadeIn() 関数でコールバックを使用します。

$('.first').fadeIn(function(){
    $('.second').fadeIn()
})

フィドルを見てください：http://jsfiddle.net/WPw25/

遅延が必要な場合は、delay() 関数を使用します。

$('.first').fadeIn(function(){
    $('.second').delay(3000).fadeIn()
})

フィドル: http://jsfiddle.net/WPw25/1/

Answer 3

あなたが使用することができます

    $(".alpha").fadeIn(1000);
    $(".omega")delay(1000).fadeIn();