2010-03-07 17 views
6
$("a").hover(function(){ 
    $(this).animate({ 
     'padding-left': '+=10px' 
    }, "normal"); 
}, function(){ 
    $(this).animate({ 
     'padding-left': '-=10px' 
    }, "normal"); 
}); 

Ho il codice di cui sopra, che normalmente animerebbe il padding di un tag "a" su hover. Funziona bene in Chrome, ma non su Firefox né IE. All'inizio pensavo che potesse essere dovuto al mio CSS o qualcosa del genere, quindi ho aggiunto CSS per aggiungere il pad su Hover e ha funzionato. È solo l'animazione jQuery che non funziona. Quindi sono in perdita per quello che potrebbe essere. Qualche idea? Grazie in anticipo.Firefox/IE non animare il riempimento-sinistra con jQuery (solo in grado di animare Chrome)

+0

si trova all'interno di un '$ (documento) .ready() {'? – karim79

+1

Funziona bene per me su Fx 3.6, usando jQuery 1.4.2. –

+0

Si trova in uno script incluso poco prima dello, quindi tutto il contenuto del corpo è già stato caricato. –

risposta

10

Modifica padding-left su paddingLeft ha funzionato, per qualche strana ragione. Ci ho pensato dopo aver visto backgroundColor in un altro pezzo di javascript.

+0

Dopo @Max Shawabkeh mi ha detto che funzionava per lui su jQuery 1.4.2 Mi sono reso conto che stavo correndo un vecchio jQuery 1.2.6, e l'aggiornamento ha fatto il lavoro di padding-left. –