Je voudrais fadeOut() une image sur la page et le retirer du DOM après l'animation est terminée. Cela semble assez facile?
code Exemple (image a l'id "img1"):
$("#img1").fadeOut("slow", function() { $(this).remove() });
Cela ne ne fonctionne pas. Lorsque j'inspecte la page avec Firebug, l'image est toujours là. C'est juste caché.
Deuxième exemple qui devrait clignoter type de l'image:
$("#img1").fadeOut("slow", function() { $(this).fadeIn() });
étrange.
Merci pour les pages d'exemple qui fonctionnent bien et comme prévu.
Le problème doit être différent et ne se produit que dans mon environnement de projet. Note de côté: quand je fais un simple console.log ($ (this)) dans ma fonction de callback, le résultat est l'objet fenêtre lui-même ?!
Lorsque je découvre les effets secondaires qui créent le problème, je vais mettre à jour cette question.
Nous avons essayé ici la dernière fois que cela n'a pas fonctionné. L'image a été supprimée instantanément, j'ai donc dû utiliser la fonction de rappel, exactement comme OP l'a fait. – Tiago
lorsque vous faites le chaînage, il n'est pas garanti de se produire l'un après l'autre, en fait cela arrive rarement l'un après l'autre, c'est pourquoi l'utilisation de la fonction callback assure que remove et fadeIn se produisent après le fadeOut –