jQuery fadeIn + fadeOut en IE?

Question

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.

Answer 1

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();  
    }); 
}; 

Answer 2

solución .

Answer 3

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

Answer 4

Prueba esto:

$(".myclass ul li:eq(" + $(this).attr("href") + ")").hide().fadeIn(5000);

Answer 5

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 /