Je pense que cela va rencontrer des choses très basiques mais je suis tout nouveau dans le monde merveilleux de jquery.Jquery replaceWith - fadeout/Fadein
Heres mon code simple remplacement de travail:
<div>yes yes </div>
<script>$('div').replaceWith('<span>no no</span>');</script>
Ce que je suis en train de réaliser est fondu sur « oui » div puis fondu dans le nouveau « non non » Span
Toutes les idées gars ?
$('div').fadeOut(1000,function(){ $(this).text('no no').fadeIn(1000); });
utiliser la fonctionnalité de rappel fadeOut fournit
$('div').fadeTo(1000, 0, function(){ $(this).html('<span>no no</span>').fadeTo(1000, 1); });
Je prendrais suggestion de DoXicK un peu plus loin avec fadeTo. J'ai également incorporé la fonction .html dont vous parliez. Je préfère fadeTo parce qu'il vous donne un peu de flexibilité et évite un comportement indésirable si la fonction stop() finit en jeu. Sans oublier que vous pouvez vous faner au pourcentage que vous voulez.
Wow sympa! , je ne peux pas utiliser html dans .text ('non non')? – Webby
vous devriez changer .text ('non non'); à .html ('non non'); et mettre html dedans. c'est où .text et .html sont pour. – DoXicK
Je ne comprends pas votre question, mais si vous voulez utiliser html, utilisez: .html (' no no') au lieu de text(). – ifaour