effet jQuery fadeIn

Je ne suis pas sûr de savoir pourquoi le code suivant ne se comporte pas comme prévu, mais comme je suis novice dans jQuery, je suis sûr qu’il me manque quelque chose d’élémentaire.

html:

What would you like to do?



js:

 $(document).ready(function() { $("#theForm").submit(function(){ var doThis = $("#doThis").val().toLowerCase(); $("#locale").html(doThis).fadeIn("slow"); return false; }); }); 

Vous devez simplement d’abord cacher la locale div pour qu’elle puisse réellement apparaître en fondu (sinon, elle sera affichée directement):

 $(document).ready(function() { $("#theForm").submit(function(){ var doThis = $("#doThis").val().toLowerCase(); $("#locale").hide().html(doThis).fadeIn("slow"); return false; }); }); 

Je suppose que vous avez un bouton de soumission quelque part, alors ce n’est pas votre problème.

Ce que je vois dans votre code, c’est que la div de locale ne se fane pas. On dirait que ça “saute” à l’existence. Le problème est que la div est déjà visible. Et l’appel HTML remplace simplement le code HTML interne. fadeIn () ne fera rien si l’object est déjà visible.

Solution: Lancez la page avec la div cachée.

Change ça:

 

Pour ça: