fadeIn jQuery () & fadeOut (): Problemas en Internet Explorer
- Compartir /
- 10 Comments / jQuery / 10.18.08 / 10 Comentarios / /
El 20 de enero 2010 He actualizado la demo de esta opción para utilizar jQuery 1.4 y la fadeIn () y fadeOut () cuestiones parecen estar fijados en IE7 e IE8.
He notado algunos problemas con mi trabajo jQuery. Cuando uso el. FadeIn () o. FadeOut () métodos que ver el texto pixelado horrible en Internet Explorer.
Preview / Sample / Demostración
Problemas Fading jQuery en Internet Explorer
¿Cómo se fija que
Establecer un color de fondo con CSS en el elemento que se está desvaneciendo dentro o fuera.
Un método alternativo
Si estás teniendo problemas con el método anterior, este plugin jQuery dar una oportunidad.
Gracias a Bill: No puedo recordar de dónde saqué esto, pero si buscas en google que lo encontrará. Esta es la forma de solucionar el problema (no probado en jQuery 1,4).
Use esta función. Cambiar el 'fadeOut' a 'customFadeOut. Una muestra de la configuración de proyecto de ley también se puede ver en la página de demostración.
( $ ) { (Función ($) ( = function ( speed , callback ) { CustomFadeIn $. Fn. = Function (velocidad, callback) ( ) . fadeIn ( speed , function ( ) { $ (This). FadeIn (velocidad, function () ( ! $. support . opacity ) if ($. apoyo. opacidad) ) . get ( 0 ) . style . removeAttribute ( 'filter' ) ; $ (This). Obtener (0). Estilo. RemoveAttribute ( 'filtro'); callback != undefined ) if (callback! = indefinido) de devolución de llamada (); )); ); = function ( speed , callback ) { CustomFadeOut $. Fn. = Function (velocidad, callback) ( ) . fadeOut ( speed , function ( ) { $ (This). FadeOut (velocidad, function () ( ! $. support . opacity ) if ($. apoyo. opacidad) ) . get ( 0 ) . style . removeAttribute ( 'filter' ) ; $ (This). Obtener (0). Estilo. RemoveAttribute ( 'filtro'); callback != undefined ) if (callback! = indefinido) de devolución de llamada (); )); ); = function ( speed , to , callback ) { CustomFadeTo $. Fn. = Function (velocidad, para, callback) ( ( { opacity : to } , speed , function ( ) { este regreso. animar ((opacity: a), velocidad, function () ( to == 1 && jQuery. browser . msie ) if (a == 1 & & jQuery. navegador. MSIE) . removeAttribute ( 'filter' ) ; esto. estilo. removeAttribute ( 'filtro'); jQuery. isFunction ( callback ) ) if (jQuery. isFunction (callback)) de devolución de llamada (); )); ); ; )) (JQuery);
Recursos
- jQuery en Acción: Si usted se encuentra con frecuencia usando jQuery en sus proyectos Yo recomendaría este libro a cabo la comprobación. He leído esto y también de aprendizaje 1,3 jQuery y jQuery han encontrado en acción para ser más claro, más sencillo y más potente.
- jQuery IE Fade Test
- jQuery Guía de Referencia
4:01 AM fadeIn jQuery () & fadeOut () - Bug no Internet »Explorer Pinceladas da Web - Reflexões sobre XHTML, CSS, PHP e Webstandards / 11.4.08 / 4:01 AM
[...] Mas acabei encontrado uma solução muito interessante ningún sitio de Kevin Leary que simplesmente Añadir Consiste em uma cor de fundo ao elemento Que Será aplicado o [...]
1:43 PM John / 10.11.09 / 1:43 PM
Me salvó un montón de tiempo en éste - gracias!
7:56 PM Alexandre Oliveira / 11.12.09 / 7:56 PM
Ohhh my! No puedo creer esto ...
IE siempre me sorprende.
10:20 PM @ dangerdave / 12.7.09 / 10:20 PM
Esto parecía prometedor, pero traté de su demo en IE8 (en Win7) y el "bonito" Fade In ve igual de rotas y pixelada como la no-bonita fade-in. Alas.
11:07 PM kevinlearynet / 12.7.09 / 11:07 pm
Hey Dave,
Eso es muy malo - y he oído grandes cosas sobre el 7. Tengo una copia de XP y el problema parece que se fijen para los dos ejemplos de IE8 (incluso el malo). Hasta que no tenga una copia de Windows 7 cargado en VMware no sé cómo ayudar en este caso. Mientras tanto, si usted o alguien más en encontrar la causa o solución de por favor que todos lo sepan.
11:41 AM Stefan / 1.4.10 / 11:41
Gracias por esto! Se me estaba dando un dolor de cabeza para un tiempo de trabajo justo unos pocos ..
Cheeeeeeeeeeeers!
2:35 AM fresco / 1.16.10 / 2:35 AM
Kevin, gracias por compartir! Pero si no puede establecer el color de BG, porque tengo un complejo del fondo por debajo en el elemento del cuerpo? Si establecer el color de BG, se verá muy feo de no-bg color plano. Usted conoce alguna otra solución? Incluso un duro? :-)
4:23 PM kevinlearynet / 1.19.10 / 4:23 PM
No se puede decir que conozco una solución para que la comida fresca, aunque sea difícil. Es posible que desee considerar la excavación en torno stackoverflow.com para algunos escenarios similares:
href="http://stackoverflow.com/search?q=jquery+fadeIn+IE"> <a Stackoverflow.com búsqueda de "IE fadeIn jQuery"
Si usted no puede encontrar cualquier cosa que yo había puesto una nueva entrada. Stackoverflow ha sido muy útil para mí, sobre todo con avanzados escenarios jQuery como este.
Mucha suerte y gracias por publicar!
7:24 AM Bill / 1.20.10 / 7:24 AM
No puedo recordar de dónde saqué esto, pero si buscas en google que lo encontrará. Esta es la forma de solucionar el problema (no probado en jQuery 1,4).
Use esta función. Cambiar el 'fadeOut' a 'customFadeOut.
(función ($) (
$. fn.customFadeIn = function (velocidad, callback) (
$ (this). fadeIn (velocidad, function () (
if ($. support.opacity)
$ (this). Obtener (0). style.removeAttribute ( 'filtro');
if (callback! = indefinido)
de devolución de llamada ();
));
);
$. fn.customFadeOut = function (velocidad, callback) (
$ (this). fadeOut (velocidad, function () (
if ($. support.opacity)
$ (this). Obtener (0). style.removeAttribute ( 'filtro');
if (callback! = indefinido)
de devolución de llamada ();
));
);
$. fn.customFadeTo = function (velocidad, para, callback) (
this.animate retorno ((opacity: a), velocidad, function () (
if (a == 1 & & jQuery.browser.msie)
this.style.removeAttribute ( 'filtro');
if (jQuery.isFunction (callback))
de devolución de llamada ();
));
);
)) (jQuery);
1:04 PM kevinlearynet / 1.20.10 / 1:04 PM
Gracias por este proyecto de ley, he añadido para el puesto y se coloca el código en un visor de código fuente.