jQuery no fadeIn trabajo

Question

Por favor alguien puede decirme lo que estoy haciendo mal:

estilo:

.warning{border: 1px solid #F0AAAA; background:#FFBABA; color: #C90000;} 

marcado:

<p class="warning">A successful authorization already exists. 
        Further authorizations are not allowed at this time.</p> 

guión:

$().ready(function() { 
    alert($(".warning").html());  // WORKS 
    $(".warning").fadeIn(4000);  // DOESN'T WORK 
}); 

Answer 1

A menos que el elemento esté oculto, no se producirá ningún fundido, lo necesitará mething así:

$(".warning").hide().fadeIn(4000); 

You can give it a try here, también $() está en desuso en 1.4+, debe utilizar $(document) o la versión más corta, así:

$(function() { 
    $(".warning").hide().fadeIn(4000); 
}); 

La alternativa es dar al elemento un display: none inicialmente pero esto se rompe para los usuarios con discapacidad JS, o si se producen errores de JavaScript que impiden el fundido, por lo que es posible que desee alejarse de este enfoque.

Answer 2

agrega display:none a tu código CSS.

.warning{border: 1px solid #F0AAAA; background:#FFBABA; color: #C90000;display:none} 

Answer 3

Tendería a pensar que desea que algún evento se administre para la fadin. véase el ejemplo de trabajo aquí: http://jsfiddle.net/hPHPn/

Por lo tanto:

$(document).ready(function(){ 
    $(".warning").hide();// hide it initially 
    $('#unhideit').click(function(){ 
     $(".warning").fadeIn(4000);       }); 
}); 

un mecanismo simple marcado:

<p class="warning">A successful authorization already exists 
    for this Quote ID. Further authorizations are not allowed at this time.</p> 
<input type="button" id="unhideit" value="clickme" /> 

Answer 4

he hecho recientemente lo mismo en mi solicitud. En la parte superior de mi documento html tengo:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 
<script type="text/javascript" src="advtemp3jquery.js"></script> 

La parte que dice src="advtemp3jquery.js se refiere a mi archivo externo .js. Me parece más ordenado mantener el código en un archivo externo.

El script realiza lo siguiente:

$(document).ready(function() { 
    $('.header1,.header2').fadeIn('4000'); 
});