がフェードイン機能についてのアニメーション

Question

jQueryのマニュアルの最後に待っていないフェードイン：私のページにしかし

$("#book").fadeIn("slow", function() { 
    // Animation complete 
}); 

を、私のフェードイン関数内のコードは、かつて「アニメーションの完全な」しかし、すぐに起動されません、I理由を理解していない。アニメーションが完了するために、なぜ私のフェードイン関数内のコードが待機しません

$("#contact-callback").fadeIn(5000, function() { 
    $("#callback-message").fadeIn(150); 
    $("##callback-dismiss").fadeIn(150); 
    $("#tab-contact button .fa").removeClass('fa-circle-o-notch fa-spin').addClass('fa-paper-plane'); 
    $('#tab-contact #contact-form')[0].reset(); 
}); 

は、私は、マニュアルに記載された正確なモデルを踏襲信じているが、私がどこか間違っている必要があります見えますか？

Answer 1

あなたのコードはうまくいくようですが、あなたの問題はおそらくあなたのコードのどこかにあります。この例を参照してください：

$("#contact-callback").fadeIn(2000, function() { 
 
    console.log("finished"); 
 
});

#contact-callback { 
 
    width: 100px; 
 
    height: 100px; 
 
    background: green; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<div id="contact-callback" style="display: none;"></div>