jquery fadeIn ne fonctionne pas

Quelqu’un peut-il s’il vous plaît me dire ce que je fais mal:

style:

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

balisage:

  

A successful authorization already exists. Further authorizations are not allowed at this time.

scénario:

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

À moins que l’élément ne soit caché, aucun fondu ne se produira, vous avez besoin de quelque chose comme ceci:

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

Vous pouvez essayer ici , aussi $() est obsolète en 1.4+, vous devriez utiliser $(document) ou la version plus courte, comme ceci:

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

L’alternative consiste à donner à l’élément un display: none initialement, mais cela se casse pour les utilisateurs désactivés par JS, ou si des erreurs JavaScript se produisent empêchant le fondu, vous pouvez donc éviter cette approche.

append un display:none à votre code CSS.

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

J’aurais tendance à penser que vous voulez que certains événements soient gérés pour le fadin. voir exemple de travail ici: http://jsfiddle.net/hPHPn/

Ainsi:

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

pour un simple balisage:

 

A successful authorization already exists for this Quote ID. Further authorizations are not allowed at this time.

J’ai récemment fait la même chose dans ma demande. En haut de mon document html , j’ai:

   

La partie qui dit src="advtemp3jquery.js fait référence à mon fichier externe .js . Je trouve plus intéressant de conserver le code dans un fichier externe.

Le script effectue les opérations suivantes:

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