JQuery Vuelvaa - fadeout / fadeIn
-
28-09-2019 - |
Pregunta
creo que esto va a venir a través de un material muy básico, pero yo soy nuevo en el maravilloso mundo de jQuery.
Aquí está mi trabajo sencillo reemplazar el código:
<div>yes yes </div>
<script>$('div').replaceWith('<span>no no</span>');</script>
Lo que estoy tratando de lograr se desvanecen de "sí sí" div luego se desvanecen en el nuevo "no no" lapso
Cualquier chicos ideas?
Solución
$('div').fadeOut(1000,function(){ $(this).text('no no').fadeIn(1000); });
utilizar la funcionalidad de devolución de llamada fadeOut proporciona
Otros consejos
$('div').fadeTo(1000, 0, function(){ $(this).html('<span>no no</span>').fadeTo(1000, 1); });
Me gustaría tener de DoXicK sugerencia sólo un poco más con fadeTo. También he incorporado la función .html que estaban discutiendo. Yo prefiero fadeTo porque le da un poco de flexibilidad y evita un comportamiento no deseado si la función stop () termina en juego. Por no hablar de que puede desaparecer a cualquier porcentaje que te gusta.