2010-03-13 10 views
5

No puedo hacer que la fila de la tabla se desvanezca en IE. Funciona en Chrome, pero no en IE. Simplemente se vuelve realmente "liviano" y permanece en la pantalla. Intenté IE8 con y sin modo de compatibilidad.¿Por qué no puedo desvanecer esta fila de la tabla en IE usando jQuery?

<html> 
<head> 
<script type="text/javascript" src="jquery.js"></script> 
<script type="text/javascript"> 

function hideIt() 
{ 
    $('#hideme').fadeTo("slow", 0.0); 
} 

</script> 
</head> 
<body> 
<table> 
<tr id='hideme'> 
    <td>Hide me!</td> 
</tr> 
</table> 
<button onclick='hideIt();'>Hide</button> 
</body> 
</html> 

¿Existe una solución/solución para un fundido uniforme?

+0

intentan establecer alfa como '0' en lugar de' 0.0' –

+0

Nada. Igual que antes. –

+0

@ Adam: ¿Cuál fue el razonamiento que te hizo pensar que cambiar de 0 a 0.0 marcaría la diferencia? –

Respuesta

15

Sí, eso es un error (¿característica?) En IE. Si lo aplica a los elementos td en lugar del tr, obtendrá el efecto deseado. Así,

$('#hideme>td').fadeTo("slow", 0.0); 
+0

Impresionante. Funciona como un encanto ahora. –

+0

eres el hombre. ¡Gracias! –

+1

$ ('tr # hideme'). Children ("td"). FadeTo ("lento", 0.0); funciona también Es más útil en mi caso, donde tuve que seleccionar filas enteras por filas. ¡Gracias por esta respuesta! – alekwisnia

0

Esto es lo que terminé haciendo, y funcionó bastante bien en todo, aunque bastante complicado (y con algunos errores - más sobre esto en un minuto - ver si puede detectarlo):

function FadeInFrom(item,from_bg,from_fg,call) 
{ 
    $to_bg = $(item).css('background-color'); 
    $(item).css('background-color',from_bg); 

    $to_fg = $(item + '>td').css('color'); 
    $(item + '>td').css('color',from_fg); 

    var anim = {}; 
    anim['backgroundColor'] = $to_bg; 

    $(item).animate(anim,'slow'); 

    var anim2 = {}; 
    anim2['color'] = $to_fg; 

    $(item + '>td').animate(anim2,'slow'); 
} 

lo que esto hace es conseguir el color actual del tema, y ​​luego lo anima a que colorean de los colores especificados.

En cuanto a ese error, si prueba el código anterior, notará que los enlaces y otros elementos DOM no pueden ser animados correctamente por esto. Dejo en manos de alguien tratar de encontrar una solución para eso.

Cuestiones relacionadas