2010-11-03 13 views
8

Creo que esto se va a encontrar con cosas muy básicas, pero soy nuevo en el maravilloso mundo de jquery.Jquery replaceWith - fadeout/Fadein

Heres mi sencilla de trabajo reemplazar el código:

<div>yes yes </div> 
<script>$('div').replaceWith('<span>no no</span>');</script> 

Lo que estoy tratando de lograr es desaparecer de "sí sí" div luego se desvanecen en el nuevo "no no" lapso

Cualquier chicos Ideas ?

Respuesta

15
$('div').fadeOut(1000,function(){ $(this).text('no no').fadeIn(1000); }); 

uso de la funcionalidad de devolución de llamada fadeOut ofrece

+0

¡Guau! , ¿no puedo usar html dentro de .text ('no no')? – Webby

+0

debe cambiar .text ('no no'); a .html ('no no'); y poner html dentro de él. eso es donde .text y .html son para. – DoXicK

+0

No recibo su pregunta, pero si desea utilizar html, utilice: .html (' no no') en lugar de texto(). – ifaour

1
$('div').fadeTo(1000, 0, function(){ $(this).html('<span>no no</span>').fadeTo(1000, 1); }); 

Me gustaría tener sugerencia de DoXicK sólo un poco más con fadeTo. También incorporé la función .html que estabas discutiendo. Prefiero fadeTo porque te da un poco de flexibilidad y evita un comportamiento no deseado si la función stop() termina en el juego. Sin mencionar que puedes desvanecerse a cualquier porcentaje que te guste.

Cuestiones relacionadas