Je m'anime dans un élément qui a assez de contenu pour que la hauteur totale de la div soit atteinte.Javascript Promise sur JQuery addClass
La div en question utilise un JQuery vegas background slider pour faire pivoter certaines images. Non, je m'anime dans l'élément sur un événement click et utilise le javascript suivant:
function loadSpecification() {
hideAll();
$("#specification").removeClass("hidden").addClass("show", {
complete: function() {
console.log("completed animation");
loadVegas();
}
});
}
où la fonction loadVegas() recharge l'élément Vegas afin de fixer la lame pour recouvrir la div nouvellement étendu.
Cependant, la fonction complète n'est pas déclenchée dans ce cas, est-ce que je l'invoque correctement? Si oui, qu'est-ce qui ne va pas ici s'il vous plait?
Mes classes css sont les suivantes:
.hidden {
display: none;
opacity: 0;
width: 0;
transition: opacity 1s ease;
-webkit-transition: opacity 1s ease;
-moz-transition: opacity 1s ease;
}
.show {
display: block;
opacity:1;
margin-bottom:10px;
/*width: inherit;*/
}
Je ne pense pas que addClass a toute signature avec une classe et un rappel. Je suis assez sûr que c'est juste en ajoutant la classe de manière synchrone – Axnyff
http://stackoverflow.com/questions/7134584/how-do-i-use-transitionend-in-jquery – DaniP
Possible dupliquer de [Comment ajouter une fonction de rappel à la méthode addClass de jQuery?] (http://stackoverflow.com/questions/14567990/how-to-add-a-callback-function-to-the-addclass-method-of-jquery) – Alex