FadeIn Problem in jquery

Question

Ich habe den folgenden Code, aber die FadeIn und FadeOut ist zu schnell, ich kann es kaum sehen.Warum ist das?

$('#post_code_error').html('You Post Code is Out of Range').addClass('post_code_error').show().fadeIn('10000'); 



    <div id="post_code_error"></div> 


    div#post_code_error { 
display:none; 
position:absolute; 
top:300px; 
right:100px; 
    } 

    .post_code_error { 
width:100px; 
height:10px; 
border:1px solid #F00; 
background-color: #FFC; 
    color:#F60; 
    } 

Answer 1

Ihr Wert für die Menge an Zeit, nicht eine Zeichenfolge sein, es nehmen sollte sollte:

$('#post_code_error').html('You Post Code is Out of Range').addClass('post_code_error').show().fadeIn(10000); 

Answer 2

Entfernen Sie den .show() Anruf. Dadurch wird es sofort angezeigt, bevor die fadeIn()-Methode aufgerufen wird. Verwenden Sie auch eine integer für die fadeIn Methode Ausführungszeit, im Gegensatz zu einer string.