jQuery utilizzando .animate() non riesce a fare QUALCUNO in IE8

Question

Quindi, è ufficiale: odio Internet Explorer. Sì, tutte le versioni sanguinarie. :-D

Quindi, non pensavo che stavo facendo qualcosa di complicato qui, ma a quanto pare sono. Ho un sacco di elementi di elenco in una lista non ordinata in stile per un menu di navigazione, e in Firefox, Chrome, Safari e Opera, le cose funzionano bene. Ciò che dovrebbe accadere è quando si posiziona un oggetto di navigazione, dovrebbe animare un po 'di crescita e animare un cambio di colore di sfondo.

Non succede nulla in Internet Explorer 7/8.

Penso che sia solo legato alla funzione di animazione, poiché se si scambia .animate con .css, funziona.

http://project-cypher.net/wtf/ (* URL rimosso - problema risolto)

idee?

Answer 1

Cambia i tuoi proprietà di animazione un po 'utilizzando backgroundColor, paddingTop e paddingBottom, questo dovrebbe funzionare:

$('ul.navigation li a').css('padding','0px 12px'); 
$('ul.navigation li a').hover(function() { 
    $(this).stop().animate({ 
     backgroundColor : '#336699', 
     'padding-top': 6, 
     'padding-bottom': 6 
    }, 150); 
}, function() { 
    $(this).stop().animate({ 
     backgroundColor: '#660000', 
     paddingTop: 0, 
     paddingBottom: 0 
    }, 150); 
}); 

Questo CSS:

ul.navigation li a { 
    padding: 6px 12px; 
    color: #fff; 
    text-decoration: none; 
    background: #600; 
} 

Answer 2

Se cambio il 'padding': '6px 12px' a 'padding': '12px' sembra funzionare. Puoi provare questo e segnalare se non funziona sulla vostra parte?

Non è perfetto ma fa qualcosa e ti avvicina un po 'a ripararlo.

EDIT: Dang, chiedo perché no. Lavorato qui IE8. IDK, forse hai la soluzione dall'altra risposta.

Answer 3

mi sono imbattuto in questo problema io stesso, l'altro giorno. Non riuscivo a capire perché IE non animasse correttamente gli oggetti.

La risposta è semplice, però: usa jQuery UI

jQuery UI include un plugin colore migliorato che funziona realmente.

Scopri le altre cose ordinate in jQuery UI, mentre ci sei - pulsanti, finestre di dialogo, barre di avanzamento, le schede, ecc