Pregunta

Marcado 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);

En Firefox 3 y 3.5, así como en IE7, esto se comporta como se esperaba y desvanece todos los elementos dentro de 'li'. En IE8, nada se desvanece en absoluto y no se muestran errores de Javascript al depurar.

La página se encuentra en http://joecoledesign.com/portfolio

¡Gracias!

¿Fue útil?

Solución

¿Has intentado poner comillas alrededor de ul # portfolio li? El selector es solo una cadena, por lo que necesita comillas. Sin comillas no funciona incluso en mi Firefox. 

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

Editar: OK, intente aplicar el desvanecimiento a todos los subelementos: span e img uno por uno para empezar. De hecho, podría ser un error de IE.

Editar: también le falta una cotización de cierre en el id = " portfolio " ;. Vamos, hombre, intenta resolver estas cosas antes de publicar.

Editar: por cierto, lo anterior funciona bien en IE8: simplemente lo armé y lo arrojé en una página IE8 en blanco, todo se desvaneció.

Editar: es muy posible que algo más en su página lo esté haciendo, ya que funciona bien de forma independiente.

Otros consejos

¡Muy buena página, Joe! Lo único que le viene a la mente a WRT IE8 es que jQuery puede no haberlo alcanzado, o que algo puede ser gracioso con su navegador (tal como su configuración de JavaScript puede ser modificada).

Estaba teniendo el mismo problema con la transparencia en IE8. Aparentemente, IE8 tiene un método diferente para establecer la transparencia que IE6 / 7. Y desafortunadamente, jquery todavía no tiene forma de animar la transparencia para IE8. ¿Por qué Microsoft, por qué?!?

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

Eso es lo que encontré sobre el tema y, después de leerlo, dejé de intentar que funcionara, ya que confirmó lo que sospechaba. Esperemos que jquery lo arregle en su próximo lanzamiento.

Experimenté lo mismo y descubrí gracias a las publicaciones de Artem que los elementos secundarios de la tabla no estaban recibiendo el cambio de opacidad en IE8. Por lo tanto, a primera vista parecía que no pasaba nada. Creo que la razón por la que el ejemplo de la página en blanco de Artem funcionó y el ejemplo del póster original no lo hizo es porque no había niños en la muestra de Artem.

Agregar el fadeTo en los elementos secundarios resolvió el problema para mí. Publicación anterior, pero resolvió mi problema, así que pensé que aún era relevante.

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top