JQuery - IE6 - Comment fadeOut et FadeIn en même temps?

StackOverflow https://stackoverflow.com/questions/2055551

Question

I ont une séquence de la position absolue div, par exemple 

<div>...</div>
<div style="display:none">...</div>
<div style="display:none">...</div>
<div style="display:none">...</div>

J'ai écrit un simple code de diapositive à l'aide jQuery 

currentDiv.fadeOut('slow');
nextDiv.fadeIn('slow');

Il fonctionne parfaitement en FF / Chrome / Safari / IE7 / IE8, mais pas dans IE6. J'ai trouvé dans IE6, fadeOut et FADEIN ne se déroulent simultanément comme dans d'autres navigateurs, fadeIn commence toujours après fadeOut est terminée. des idées?

Était-ce utile?

La solution

Je viens d'essayer cet exemple et à la fois un travail fadeIn et fadeOut en même temps dans IE6: 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
                "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>

  <script>
    $(document).ready(function(){

      $(document.body).click(function () {
        $("div#one").fadeOut("slow");
        $("div#two").fadeIn("slow");

      });

    });
</script>
<style>
  span { color:red; cursor:pointer; }
  div { margin:3px; width:80px; display:none;
    height:80px; float:left; }
  div#one { background:#f00; display:block;}
  div#two { background:#0f0; }
  div#three { background:#00f; }
</style>
</head>
<body>
<span>Click here...</span>
<div id="one"></div>
<div id="two"></div>
<div id="three"></div>
</body>
</html>

Je modifié l'exemple de: http://docs.jquery.com/Effects/animate #paramsoptions

Je l'ai remarqué avant que la définition des styles afficher sans pareil dans la div réelle au lieu de dans le fichier css ou via jquery peut parfois causer des problèmes. Essayez juste donner à chaque div une classe de displaynone au lieu de définir leur étiquette de style. Espérons que cela aide et bonne chance!

Autres conseils

Avez-vous essayé d'écrire votre propre animation pour atteindre les fades, plutôt que d'utiliser les paramètres par défaut fournis. Je ne sais pas que ce sera mieux, mais il pourrait être la peine d'essayer.

http://docs.jquery.com/Effects/animate

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top