僅在DIV.alpha完成.delay（）

Question

時才顯示DIV.bravo如何在div.alpha完成.delay(1000)後直接顯示div.Bravo？

我試過以下，發現.bravo偶爾會在.alpha顯示時出現。我認爲應該在這裏使用if語句，但是我一直無法想象任何有效的東西。

$(".alpha").delay(1000).hide(0); 
$(".bravo").delay(1000).show(0); 

任何想法？

Answer 1

只能使用一個延遲，並在同一時間切換元素：

$(".alpha").delay(1000).hide(0, function(){ 
    $(".bravo").show(0); 
}); 

或者使用超時，而不是延遲：

window.setTimeout(function(){ 
    $(".alpha").hide(0); 
    $(".bravo").show(0); 
}, 1000); 

Answer 2

，你可以把它放在回調函數：

$(".alpha").delay(1000).hide(0, function() { 
     //whatever you put here will happen after .alpha finishes hiding 
     $(".bravo").delay(1000).show(0); 
})