Perché non riesco a dissolvere questa riga della tabella in IE utilizzando jQuery?

non riesco a ottenere la riga della tabella per fade out in IE. Funziona in Chrome, ma non in IE. Diventa davvero 'leggero' e rimane sullo schermo. Ho provato IE8 con e senza la modalità di compatibilità.Perché non riesco a dissolvere questa riga della tabella in IE utilizzando 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>

C'è una soluzione/soluzione per una dissolvenza regolare?

fonte

2010-03-13 Nathan Osman

cercano di impostare alfa come '0' invece di' 0.0' –

Niente. Come prima. –

@Adam: Qual è stato il ragionamento che ti ha fatto pensare che il passaggio da 0 a 0.0 avrebbe fatto la differenza? –

Sì, questo è un bug (funzione?) In IE. Se lo applichi agli elementi td anziché al tr, otterrai l'effetto desiderato. Così,

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

fonte

2010-03-13 02:29:23

Fantastico. Funziona come un fascino ora. –

tu sei l'uomo. Grazie! –

$ ('# tr HideMe') i bambini ("TD") fadeTo ("lento", 0.0)..; funziona pure. È più utile nel mio caso, in cui ho dovuto selezionare righe intere per file id. Grazie per questa risposta! – alekwisnia

Ecco quello che ho finito per fare, e ha funzionato abbastanza bene in ogni cosa, anche se piuttosto complicata (e con alcuni bug - più su che in un minuto - vedere se è possibile individuare esso):

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

Quello che fa è ottenere il colore corrente della voce, e poi lo anima a che colorano da i colori specificati.

Per quanto riguarda il bug, se si tenta il codice di cui sopra, si noterà che i collegamenti e altri oggetti DOM non possono essere animati correttamente da questo. Lascio a qualcuno di cercare di trovare una soluzione per questo.

fonte

2010-03-15 20:07:01

Perché non riesco a dissolvere questa riga della tabella in IE utilizzando jQuery?

risposta

Problemi correlati