jQuery fadeIn + fadeOut en IE?
Pregunta
Estoy teniendo un problema con gtetting fadeIn y efecto fadeOut de jQuery para trabajar correctamente en IE (6 + 7 + 8). El script funciona bien en FF y Safari (decoloración muy bien), pero en IE sólo muestra / cueros -. Ningún efecto fading en absoluto
¿Alguna idea?
$(".myclass ul li:eq(" + $(this).attr("href") + ")").fadeIn(5000);
El atributo href que está recibiendo es simplemente manteniendo un valor numérico que representa la posición en la longitud ul li.
Solución
Yo tenía el mismo problema y se utiliza el código de abajo (desde el enlace publicado por Q8-codificador arriba). Funciona bien pero todavía tenía algunos problemas. Noté que el uso de fadeTo en un elemento contenedor que tenía niños con posicionamiento relativo o absoluto no trabajar en IE8. El padre se desvanecería, pero todos los elementos secundarios con un posicionamiento positivo o relativa permanecería a la vista. La única manera de conseguir alrededor de él era para seleccionar el elemento contenedor y todo lo que es los niños que utilizan jQuery y luego aplicar fadeTo todos ellos.
jQuery.fn.fadeIn = function(speed, callback) {
return this.animate({opacity: 'show'}, speed, function() {
if (jQuery.browser.msie)
this.style.removeAttribute('filter');
if (jQuery.isFunction(callback))
callback();
});
};
jQuery.fn.fadeOut = function(speed, callback) {
return this.animate({opacity: 'hide'}, speed, function() {
if (jQuery.browser.msie)
this.style.removeAttribute('filter');
if (jQuery.isFunction(callback))
callback();
});
};
jQuery.fn.fadeTo = function(speed,to,callback) {
return this.animate({opacity: to}, speed, function() {
if (to == 1 && jQuery.browser.msie)
this.style.removeAttribute('filter');
if (jQuery.isFunction(callback))
callback();
});
};
Otros consejos
solución .
Para mí, usando fadeIn()
funcionaba bien, mi <div>
bien se desvanecería en el IE9, a continuación, (una vez que se completó el desvanecimiento) sería disapper nuevo. Ah.
La solución fue añadir el valor css filter
muestra a continuación:
$("#fadeMeIn").fadeIn("slow");
$("#fadeMeIn").css('filter', 'none');
Prueba esto:
$(".myclass ul li:eq(" + $(this).attr("href") + ")").hide().fadeIn(5000);
he tenido un problema similar con un guión en IE8. Después me puse el índice z el problema desapareció. He encontrado la solución a continuación.
http://www.kevinleary.net/jquery -fadein-fadeout-problemas-en-internet-explorer /