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.
- Obtenir un corps de réponse AJAX à utiliser dans le rappel d’erreur
- validation client discrète utilisant fluentvalidation et asp.net mvc LessThanOrEqualTo ne pas déclencher
- Quand le formulaire est validé, comment faire défiler à la première erreur au lieu de sauter?
- select2 – Définition d’une largeur différente pour la saisie et la liste déroulante
- Comment formater la date en heures, minutes et secondes lors de l’utilisation de jQuery UI Datepicker?
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'); });