Question

Balisage HTML: 

    <ul id="portfolio"><li class="web">
            <span class="info">August 2007 <a href="http://awebsite.com" rel="external">visit</a></span>
            <a href="/assets/image.jpg" class="fancybox" rel="web">
                <img src="/assets/imagelarge.jpg" alt="Rising Star Ranch" />
                <span class="title">Some Title</span> Some other text...
            </a>
        </li>
    </ul>

jQuery: 

$("ul#portfolio li").fadeTo("slow", 0.3);

Dans Firefox 3 et 3.5 ainsi que dans IE7, cela se comporte comme prévu et supprime tous les éléments du "li". Dans IE8, rien n’est fané et aucune erreur Javascript n’apparaît lors du débogage.

La page se trouve à http://joecoledesign.com/portfolio

Merci!

Était-ce utile?

La solution

Avez-vous essayé de mettre des citations autour de ul # portfolio li? Le sélecteur est juste une chaîne, il a donc besoin de guillemets. Sans guillemets ne fonctionne même pas dans Firefox. 

$("ul#portfolio li").fadeTo("slow", 0.3);

Éditer: OK, essayez d’appliquer le fondu à tous les sous-éléments: span et img un par un pour commencer. Il pourrait en effet s'agir d'un bogue d'IE.

Modifier: il vous manque également une citation de clôture sur l'id = "portefeuille". Allez, mec, essaie de régler ça avant de poster.

Édition: btw, tout ce qui précède fonctionne bien dans IE8 - je viens de l'assembler et de le jeter dans une page IE8 vierge - le tout s'est estompé.

Modifier: il est tout à fait possible que quelque chose d'autre sur votre page le fasse car il fonctionne parfaitement de manière autonome.

Autres conseils

Page très cool Joe! La seule chose qui me vienne à l’esprit, c’est que jQuery ne l’a peut-être pas rattrapé, ou que quelque chose puisse être drôle avec votre navigateur (par exemple, vos paramètres javascript peuvent être modifiés).

J'avais le même problème avec la transparence dans IE8. Apparemment, IE8 utilise une méthode de définition de la transparence différente de IE6 / 7. Et malheureusement, jQuery n'a aucun moyen d'animer la transparence pour IE8 pour le moment. Pourquoi Microsoft, pourquoi?!?

http: // mdasblog. wordpress.com/2009/07/24/jquery-fun-with-animation-and-opacity/

C'est ce que j'ai trouvé sur le sujet et après l'avoir lu, j'ai renoncé à essayer de le faire fonctionner, car cela confirmait ce que je soupçonnais. Espérons que jquery l’aura corrigé dans sa prochaine version.

J'ai vécu la même chose et découvert grâce aux publications d'Artem que les éléments enfants de la table ne recevaient pas le changement d'opacité dans IE8. Par conséquent, à première vue, rien ne se passait. Je pense que la raison pour laquelle l'exemple de page blanche d'Artem a fonctionné et non celui de l'affiche originale est parce qu'il n'y avait pas d'enfants dans l'échantillon d'Artem.

Ajouter le fondu sur les éléments enfants a résolu le problème pour moi. Ancien post, mais cela a résolu mon problème, donc figuré qu'il est toujours d'actualité.

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